[問題] 請問用css改border的style

[toshii (芬達)]

<input type="text" id="aa">
<input type=button value="change" onclick=chg()>
<script type="text/javascript">
<!--
function chg(){
  document.getElementById("aa").style.border="1px solid #FF0000"
}
//-->
</script>

以上是舉例..
請問為什麼我按下button後,text的border會變成紅色沒錯
但text欄位好像整個變小了??


--
看不見太陽那就賞月吧


--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.39.169.43
→ hanasan:有定義text欄位的預設樣式嗎?不同瀏覽器預設style有差異
→ hanasan:http://jsfiddle.net/ThxmU/26/ 看看
→ toshii:所以要先用css訂好text的樣式才能去改border color囉?
→ toshii:我按你寫的button就沒有感覺到欄位有變小了
→ hanasan:不完全對,若你只想要改框線顏色,就改border-color屬性就好
→ hanasan:"1px solid #F00"是速寫,你其實改了width,style,color三種
→ bibo9901:改成 ....style.borderColor = "#FF0000";