CSS中input標簽默認都會帶有陰影效果,如下圖所示:
<input type="text" value="輸入框" />
但有時我們需要去掉這個陰影效果,可以通過以下兩種方式實現:
1. 設置box-shadow為none
box-shadow是CSS中增加陰影效果的屬性,我們可以通過將其設置為none來去掉input標簽的陰影效果:
input { box-shadow: none; }
2. 設置-webkit-box-shadow和box-shadow為none
有些瀏覽器需要加上-webkit-box-shadow才能完全去掉input標簽的陰影效果:
input { -webkit-box-shadow: none; box-shadow: none; }
通過以上兩種方法,我們就可以去掉input標簽的陰影效果了:
<input type="text" value="輸入框" style="box-shadow: none;" />
上一篇mysql數據庫進入表
下一篇css去掉ie中的邊框