2012-09-02 8 views
6

送信ボタンの表示方法を変更しようとしています。入力タイプをCSSで送信する - すべての入力ではなく、私はhtmlを変更することはできません

私は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; 
} 

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

+2

divは 'class =" holder "と言っていますが、CSSには#holderがあります。クラスには '.holder'、IDには' #holder'を使います。 – sachleen

答えて

13

あなたはCSSプロパティのために必要な特定の属性を指定することができます。

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

参考:基本的にhttp://www.w3.org/TR/CSS2/selector.html#attribute-selectors

、それはwidthプロパティのみ#holderコンテナ内<input>タグに適用されることを意味IFタイプ属性の値は「submit」です。

また、name属性でこれを使用することができます。

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

セレクタを提出入力のためになる:あなたのdivは「ホルダー」のクラスを持って

.holder input[type="submit"] 

に留意されたいです。 、 "ホルダー"のIDではないので、.ではなく#を使用してください。

+0

ありがとうございますすべてのブラウザで動作しますか? –

+0

@NetaMeta - バージョン7以降のIEや他の主要なブラウザでは、http://www.quirksmode.org/css/contents.html#t13で動作します(もちろん、 '。テキストフィールドのホルダー入力[type = "text"] ')。 – nnnnnn

関連する問題