css - 入力境界線をクリアし、デフォルトに戻します

Question

したがって、誰かが次のスタイルを適用しました。

select, input[type="text"], input[type="password"] {
    border: 1px solid #999999 !important;
}

なぜ彼らがこのようにそれをしたのか私にはわかりません。しかし、今は上の境界線を削除する必要があります。つまり、標準のブラウザ固有のテキストボックスの境界線に戻りますが、いくつかの場所だけです。私は知っている、私は知っている、それは奇妙に見えるだろうが、私は私が言われたことをしている。

上記の境界線を元に戻すCSSは何ですか？

私はもう試した

border:;
border:auto;

どちらも機能しません！

明確にするために、cssスタイルを削除することはできません。可能であれば、それをオーバーライドする必要があります！

score 1 · Accepted Answer

user2063626 が示唆するようにコード行を削除できない理由はありますか?

これを行うだけではない場合：

select, input[type="text"], input[type="password"] {
    border: none !important;
}

編集：

css セレクターに a を追加し:notて、放置したい入力を選択しないようにします。

select:not(#yourinput), input[type="text"]:not(#yourinput), input[type="password"]:not(#yourinput) {
    border: 1px solid #999999 !important;
}

編集2:

最良のオプションは、クラスを追加するか、より具体的なセレクターを使用することです (#div select単にの代わりにselect)。そうすれば、css は必要なものだけを対象とし、追加する可能性のある新しいものには影響しません。

または、より簡単な場合は、クラスを追加するかselect、スタイルを持たないより具体的なセレクターを使用してから、デフォルトのスタイルを適用します。

デフォルトのスタイルは、mozilla.orgでを検索するだけで見つけることができますselect。

score 0 · Accepted Answer

以下のクラスをcssに追加し、境界線を持たない入力に配置するだけです。

input.noBorder{
      border: 0 !important;
}

2 に答える 2