0

たとえば、選択ボックスの矢印とそのすべてのトレースを、その矢印のスペースと同様に取り除こうとしています。

ここにフィドルがあります：http://jsfiddle.net/kud7Z/

このCSSを使用して矢印を非表示にしました：

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

ただし、選択ボックスの右側にはまだスペースがあります。どうすればそれを取り除くことができますか?

4

2 に答える 2

1

選択ボックスは、スタイリングが難しいことで有名です。

このテクニックは素晴らしく、簡単で、クロスブラウザーでもうまく機能することがわかりました: http://bavotasan.com/2011/style-select-box-using-only-css/

基本的に、select を透明にし、それを少し小さいオーバーフロー隠しラッパーに配置<div>し、フィールド スタイルを設定します。これにより、選択ボックスの右側が切り取られ、視覚的なスタイルだけが残ります。

于 2013-11-10T14:57:17.733 に答える