input - 在 webshaper 中修改 Controls.Input 宽度

Question

我尝试通过使用 Enhance.WithCssClass 来修改 Websharper 中的 Controls.Input 大小，但未成功。css 中的最大长度应用于整个控件，而不是输入标记。

如何将不同的长度应用于不同的 Controls.Input 控件？

Answer 1

CSS 类确实适用于容器。要使用 设置实际输入Enhance.WithCssClass "myClass"的样式，您需要将样式应用于input内部myClass：

.myClass input {
    width: 300px;
}