1

フォームの選択要素内でテキストを中央に揃えようとしています。Firefox では問題なく動作しますが、Chrome ではテキストが左に揃えられます。何かアイデアはありますか?

CSSは次のとおりです。

.top-search select{
  background: #fff;
  border: 1px solid #ccc;
  width: 190px;
  height: 28px;
  text-align: center;
  padding-top: 4px;
}

FFでは正常に動作しますが、Chromeでは動作しません

4

1 に答える 1

0

選択をスタイリングすることは、それほど簡単ではないことを知っています。変更できるもの (高さと境界線) がいくつかありますが、他の属性は変更できません。それがどのようにスタイルされ、どれだけ変更できるかを決定するのは、ブラウザ次第です。そのため、FF では変更が許可されていますが、Chrome では許可されていないようです。この場合、それは完全にブラウザ（およびOS）次第だと思います。

于 2013-04-12T16:44:00.587 に答える