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

看板Web_Design作者 (芬達)時間13年前 (2012/10/04 14:27), 編輯推噓0(007)
留言7則, 3人參與, 最新討論串1/1
<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

10/04 17:12, , 1F
有定義text欄位的預設樣式嗎?不同瀏覽器預設style有差異
10/04 17:12, 1F

10/04 17:15, , 2F
10/04 17:15, 2F

10/04 17:48, , 3F
所以要先用css訂好text的樣式才能去改border color囉?
10/04 17:48, 3F

10/04 17:48, , 4F
我按你寫的button就沒有感覺到欄位有變小了
10/04 17:48, 4F

10/04 17:53, , 5F
不完全對,若你只想要改框線顏色,就改border-color屬性就好
10/04 17:53, 5F

10/04 17:55, , 6F
"1px solid #F00"是速寫,你其實改了width,style,color三種
10/04 17:55, 6F

10/04 22:28, , 7F
改成 ....style.borderColor = "#FF0000";
10/04 22:28, 7F
文章代碼(AID): #1GRInUNV (Web_Design)