input - Controlsを変更します。websharperの入力幅

Question

Enhance.WithCssClassを使用して、WebsharperでControls.Inputサイズを変更しようとしましたが失敗しました。cssのmax-lengthは、入力マークアップではなく、コントロール全体に適用されました。

さまざまなControls.Inputコントロールにさまざまな長さを適用するにはどうすればよいですか？

Answer 1

CSSクラスは確かにコンテナに適用されます。を使用して実際の入力のスタイルを設定するには、スタイルを内部Enhance.WithCssClass "myClass"に適用する必要があります。inputmyClass

.myClass input {
    width: 300px;
}