jquery - 入力ボックスの初期スタイルを削除

Question

入力テキストボックスの初期スタイルを変更しようとすると、いくつかの問題が発生しました。これは、現在持っているスタイルです。

.myInput {
    text-align: left;
    display:inline-block;
    outline: none;
    float: left;
    font-size: 0.8em;
}

そして、境界線を削除し、デフォルトの入力テキストボックススタイルによって作成されたパディング/マージンなしで、入力テキストが入力コントロールの先頭に表示されるようにしたいと思います (入力テキストの位置とラベルのテキストの場所)

ありがとう：）

score 1 · Accepted Answer

コードでこれほど多くのを宣言するのは良い考えではないと思い!importantます。!important優先順位を付けるだけでなく、積極的にオーバーライドするため、いくつかのエラーが発生することになります。

.myInputID（）に変更してID#myInputをターゲットにすることをお勧めします。IDの優先度が高くなります。

#myInput {
  padding: 0px;
  margin: 0px;
  text-align:left;
  border: 0px;
  ...your styles here...
}

この入力を複数回使用している場合は、IDでクラスとしてラップし、代わりにそれをターゲットにすることができます（#myInput input）CSSでIDをターゲットにすることにも注意が必要ですが、IDとのどちらかを選択する場合!importantはdIDを探します。

この!importantコマンドは素敵なハックですが、そのように使いすぎると多くの問題が発生します。経験則（そしてこれを支持するインターネット上のCSS愛好家は私だけではありません）：絶対に必要な場合を除いて、使用しないでください。!important

score 1 · Accepted Answer

border:none境界線を削除し、カスタムスタイルを追加するために使用します

score 1 · Accepted Answer

テキストボックス（myInput）のデフォルトスタイルを変更/変更したい場合は、これを試してください。

.myInput{
border:0px!important;
text-align:left!important;
padding:0px!Important;
margin:0px!important;
}

を使用!importantすると、指定されたスタイルが優先されます。ありがとうございます..

3 に答える 3