修改Controls.Input寬度websharper

Question

我試圖通過使用Enhance.WithCssClass未成功修改Websharper中的Controls.Input大小。 css中的最大長度應用於整個控件，而不是輸入標記。

如何將不同的長度應用於不同的Controls.Input控件？

Answer 1

CSS類確實適用於容器。要使用Enhance.WithCssClass "myClass"設置實際輸入的樣式，您需要將樣式應用於myClass中的input：

.myClass input { 
    width: 300px; 
}