2012-09-02 12 views
6

Gönderme biçiminin nasıl değiştiğini değiştirmeye çalışıyorum - kimliğimizi veya sınıfını veya bunun gibi bir şey yapamıyorum.Yalnızca bir giriş türü gönderme - sadece tüm girişler için değil, tüm girişler için değil html'yi tamamen değiştirebilirim

Bir div var - bu div 2 girdiler var 1 divanın sınıfının sahibi olduğunu varsayalım bir metin var.

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

benim şimdiki css: Bu değişikliğin hem girdi türleri için Ancak

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

. ve bunları ayrı ayrı değiştirmeye çalışıyorum.

+2

Divanız 'class =" holder "' diyor, ancak CSS'de '# holder' var. Sınıflar için '.holder ', kimlikleri için # tutucu kullanın. – sachleen

cevap

13

Sen css özellikleri için gerekli olan spesifik özelliklerini belirtebilirsiniz:

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

Referans: Temelde http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

, bu genişlik özellik yalnızca #holder kabın içine <input> etiketleri için geçerli demektir EĞER tipi özniteliğin "gönder" değeri vardır.

Ayrıca name özelliğinin bu kullanabilirsiniz:

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

seçici göndermek girişi için olacaktır: senin div "tutucu" bir sınıf sahiptir

.holder input[type="submit"] 

Not olduğunu , "tutucu" kimliğinin değil,değil # kullanın.

+0

Bu, tüm tarayıcılarda çalışacak mıdır btw? –

+0

@NetaMeta - IE'de 7 sürümünden itibaren ve burada gösterilen diğer tüm önemli tarayıcılarda çalışır: http://www.quirksmode.org/css/contents.html#t13 (Ve tabii ki ''. metin alanı için [type = "text"] 'tutacağını girin.) – nnnnnn

İlgili konular