1
mwcテキストフィールドに高さのミックスインを追加する方法は？
私はポリマー3とlit-element（2.2.1）を使用しています。mwc-textfieldのバージョンは0.13.0です。このバージョンに関連するドキュメントを読みました。このドキュメントでは、高さにミックスインを追加できることがわかりました。私はいくつかの方法を試しましたが、成功しませんでした。私が使用している構文が間違っている可能性があります。テキストフィールドの高さを低くしたい。これは私のテキストフィールドです <mwc-textfield id="textBox" .type="text" .value=${this.title} .placeholder='' minLength="10" maxLength="256"></mwc-textfield> そして私のCSS #textBox{ text-transform: none; --mdc-theme-primary: transparent; --mdc-text-field-fill-color: #fff; --mdc-text-field-hover-line-color: #f5f5f5; --mwc-text-width: 100%; width:100%; } 適用されるデフォルトのCSSは :host(:not([disabled])) .mdc-text-field:not(.mdc-text-field--outlined) { background-color: transparent; } .mdc-text-field:not(.mdc-text-field--disabled) { background-color: rgb(245, 245, 245); } .mdc-text-field { display: flex; width: 100%; } .mdc-text-field { height: 56px; display: inline-flex; position: …