2011-07-21 28 views
2

仲間の開発者が次のCSSルールを設定しました。デフォルトのスタイルに戻すCSS

* { 
    border: medium none; 
    list-style: none outside none; 
    margin: 0; 
    outline: medium none; 
    padding: 0; 
} 

これにより、SELECTフィールドとINPUTフィールドから枠線が削除され、理想的に見えなくなります。もし私が火かき棒で境界線のスタイルを削除すると、フィールドは再び正常に見えます。ブラウザで設定したデフォルトのスタイルに戻すには、どのCSS規則を追加する必要がありますか?

編集:これらは、私は(私のコンピュータ上)に戻すしようとしているスタイルです:

Screenshot http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single-option/icab-3-osx.png

+1

クロスブラウザソリューションでは、スタイルを追加してフォーム要素を通常に戻すことはできません。 '*'セレクタはCSSのコード臭です。 – zzzzBov

答えて

2

私は(リセットヤフーに似た、など)彼自身のリセットを作成したあなたの仲間の開発者が何しようとしていたものだと思います。しかし、彼は特定の要素の代わりに*を宣言しているので、すべてから国境を削除します。

これを回避するには、*を最も一般的な要素(フォーム要素)に変更することでフォームの要素に戻ってブラウザのデフォルトの枠線を取得することができます。これはちょっと醜いですが、 :

a,abbr,acronym,address,b,blockquote,body,br,caption,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,img,label,legend,li,link,menu,ol,p,pre,small,span,strong,table,td,th,tr,u,ul 
{ 
    border: medium none; 
    list-style: none outside none; 
    margin: 0; 
    outline: medium none; 
    padding: 0; 
} 
+0

クール、私はあなたのルールを変更し、これは今うまく動作します:) – stef

+0

また、私は最も一般的な要素を行っただけで、含まれていませんでしたが、かなり特殊です - だから、タグがリストにあることを確認します。 :) – Joshua

+0

私にも同様の問題があります。埋め込みコードを作成する際に、別の方法で設定した場合でも、スタイルをブラウザのオリジナルにリセットする必要があります。どうやってやるの? –

0

残念ながら、あなたは、新しい値を設定する必要があります。 reset値はありません。

境界線を追加する場合は、新しい境界線スタイルを設定します。または投稿したスタイルを削除します。

+0

どのボーダースタイルですか?私が取り組んでいるMacでは、SELECTは単にそれの周りに線を持っていません。 – stef

+0

@stef: 'select'の枠線スタイルを設定しようとしましたか? –

+0

OP – stef

1

これらを追加します。

select, input { 
border: solid 1px; /* or whatever you want */ 
} 
+0

に投稿したスクリーンショットを参照してください。これはちょうど黒い線ではありません。 – stef

+0

あなたが見たいものに色を設定する必要があります。 'border:solid 1px [color]' – Mrchief

+0

私が上で言ったように、Macではselectは単にその周りに線を持っていません。 – stef

関連する問題