html - 入力タイプのCSSingのみを送信します-すべての入力ではありませんが、htmlをまったく変更することはできません

Question

送信ボタンの外観を変更しようとしています-IDやクラスなどを使用できません。

私は div を持っています - この div 内に 2 つの入力 1 はテキストで、もう 1 つは送信されます。たとえば、div のクラスが所有者であるとします。

<div class="holder">
<input type="text" name="somename" value="somevalue">
<input type="submit" name="submit" value="save changes">
</div>

私の現在のCSSは次のとおりです。

.holder input, textarea {
width:250px;
}

ただし、この場合は両方の入力タイプを変更してください。私はそれらを個別に変更しようとしています。

score 14 · Accepted Answer

CSS プロパティに必要な特定の属性を指定できます。

.holder input[type=submit] {
  width:250px;
}

基本的に、幅プロパティ<input>は #holder コンテナー内のタグにのみ適用され、type 属性の値が「submit」の場合にのみ適用されます。

name 属性でこれを使用することもできます。

.holder input[name=submit] {
  width:250px;
}

score 4 · Accepted Answer

送信入力のセレクターは次のようになります。

.holder input[type="submit"]

div には「holder」の id ではなく「holder」のクラス.があるため、 notを使用することに注意してください#。

2 に答える 2