[解決済み] Removing rounded corners from a <select> element in Chrome/Webkit
Question
The user-agent stylesheet for Chrome gives a border-radius of 5px to all the corners of a
<select>
element. I've tried getting rid of this by applying a radius of 0px through my external stylesheet, as well inline on the element itself; I've tried both
border-radius:0px
and
-webkit-border-radius:0px;
and I've tried the even more specific
border-top-left-radius:0px
(along with it's -webkit equivalent).
None are working.
When I examine the element in webkit's developer tools, the Computed Style still lists the radius as 5px. But if I click the expander arrow next to it to see the specifics, it reads: element.style - 0px. And below that it shows the external css specification I gave of 0px, along with the user-agent stylesheet specification of 5px. And both of those latter two are crossed out, as they should be.
何かアイデアはありますか?
どのように解決するのですか?
これは私のために動作します(ドロップダウン-リストではなく、最初の外観のスタイル)。
select {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
関連
-
[解決済み】snosqlステートメントで予期しないselectエラーが発生し続ける
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] SQL ServerでSELECTからUPDATEする方法とは?
-
[解決済み] Javascript / Chrome - webkitインスペクタからオブジェクトをコードとしてコピーする方法
-
[解決済み] CSS3のborder-radiusプロパティとborder-collapse:collapseが混ざらないのですが。border-radiusを使用して、角を丸くした折りたたみテーブルを作成するにはどうすればよいですか?
-
[解決済み] MySQL あるテーブルからすべてのカラムを選択し、別のテーブルからいくつかのカラムを選択する
-
[解決済み] break文はswitch/selectから抜け出すのか?
-
[解決済み] Removing rounded corners from a <select> element in Chrome/Webkit
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン