16
özür dilerim < 'to' input type =>, ancak tam aynı soruyu bulamadık için yükseklik/genişlik eklendi. W3schools'un dediği gibi, Yükseklik özelliği dolgu, kenarlık veya kenar boşlukları içermiyor!(link). Yani burada basit bir stil ilanıdır:CSS dolgu bu soru sorulduğunda kaldıysa
input {
width:180px;
height:18px;
padding:7px;
border:1px solid black;
}
ve burada html var:
<input type='text' name='text' value='194px by 32px' /><br />
<input type='submit' name='button' id='button' value='180px by 18px' />
metin alanı beklendiği gibi 32px tarafından 194px, ancak düğme 18px tarafından 180pks olduğunu gönderin. Açıkçası, düğmenin & genişliğini sadece iki katına kadar arttırabilirim, fakat neden bir tutarsızlık olduğunu anlamak istiyorum. Burada jsfiddle yaptım: http://jsfiddle.net/RRf5A/. Yardım ettiğin için teşekkür ederim. FYI, giriş göndermesi yerine <button>'u denedim ve display:inline-block.
Firefox ve Safari normalde standart düğmelerde dolgu göstermiyor, bu nedenle bu tarayıcılardan birini kullanıyorsanız, dolgu uygulanmayacaktır. Internet Explorer'ın dolgudan bazı efektler uyguladığına inanıyorum (mükemmel bir şekilde çalışıp çalışmadığından emin değil) –
@jqueryrocks, jsfiddle IE7, IE8, Safari ve Firefox'ta aynı görünüyor, bu yüzden en az bir IE sorunu değil; – yitwail
w3schools'un söylediği doğru değil. Niye ya? Buradan bakın [w3fools] (http://w3fools.com/) Yükseklik/genişlik hakkında daha fazla bilgi sahibi olmanıza yardımcı olmak için. Bakınız [burada] (http://www.w3.org/TR/CSS21/box.html) – ace