html - cssを介してタグのサイズ属性を設定しますか？

Question

通常、これを行うことができます：

<select size="3">
    <option>blah</option>
    <option>blah</option>
    <option>blah</option>
</select>

そして、3つのオプションすべてが（ドロップダウンせずに）表示される選択ボックスとしてレンダリングされます
。cssからこのサイズ属性を設定する方法を探しています。

score 8 · Accepted Answer

サイズを設定するオプションはありませんが、サイズを設定する場合、一部のブラウザーでは CSS を使用して幅/高さのプロパティを任意に設定できます。

Some = Firefox、Chrome、Safari、Opera。

ただし、IEではあまり機能しません（驚くことではありません）

ただし、必要に応じて、IE で CSS 式を使用してサイズ属性が設定されているかどうかを確認し、そうであれば、JS を実行して必要なサイズに (再) 設定することもできます...

size = options.length;

score 6 · Accepted Answer

これが可能だとは思いません。

CSS プロパティは非常に汎用的 (あらゆる要素に適用可能) であり、要素の機能を変更することはできません (外観のみ)。

size 属性は、少なくとも size = 1 / size != 1 の場合、要素の機能を変更しています。

score 2 · Accepted Answer

2

これを試して：

select[attr=size] {
    width:auto;
    height:auto;
}

于 2014-03-12T02:34:10.727 に答える

score 2 · Accepted Answer

私は同意しません.CSSを使用して選択した幅と高さを次のように設定できました:

select { width: 5em; height: 5em; }

IE(7) で動作するだけでなく、テストしたばかりです。

score 1 · Accepted Answer

次の CSS セレクターを使用して、size 属性を持つ選択項目のスタイルを設定できます。

select[size]{
/*your style here */
}

score 0 · Accepted Answer

一般に、CSS を介して html 内に設定された属性を追加することはできません。疑似セレクターの :before と :after を使用して html に追加できますが、それだけです。さらに、すべてのブラウザーで互換性があるわけではありません。本当にこれを行う必要がある場合は、Javascript に頼る必要があると思います。

score -2 · Accepted Answer

-2

私はこれが可能だとは思わない

于 2008-09-23T09:06:31.857 に答える

html - cssを介してタグのサイズ属性を設定しますか？

7 に答える 7

Related

Reference