日期:2014-05-17  浏览次数:20697 次

CSS怎样使文本框显示为一条虚线
求代码.

------解决方案--------------------
<div> 这就是一个文本框 </div>
<div> .......................... </div>
------解决方案--------------------
<input type= "text " style= "border:0px none #000000;border-bottom:1px dashed #000000; ">
------解决方案--------------------
<input type= "text " style= "border:0px none #000000;border-bottom:1px dotted #000000; ">
------
------解决方案--------------------
style= "border-bottom-style: dashed ;border-top-style:none;border-left-style:none;border-right-style:none; "
------解决方案--------------------
<input type= "text " style= "border:0px none #000000;border-bottom:1px dashed #000000; ">

border都写成0了后面的就不用加了。
<input type= "text " style= "border:0;border-bottom:1px dashed #000000; ">

------解决方案--------------------
补充一下,定义一下背景为白色
<input type= "text " style= "background:#fff;border:0;border-bottom:1px dashed #000000; ">
------解决方案--------------------
<input style= "border:1px dashed #aaa; " />
------解决方案--------------------
#inputStyle
{
border-style:dashed; border-color:white;
}