如何在TextBox的下边缘画一条直线?

Question

我想自定义一个控件，就是把文本框用一条直线代替，这样比较美观，我的想法是先拖出一个文本框，border和内容都设置为透明的，然后再在这个TextBox下边缘画一条直线，这样看上去就是一条直线的文本框了！可是如何画线呢？

Answer 1

用CSS就可以实现，搜了一下，根据需要你再改一下。

<style type= "text/css ">
.myline
{
BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 1px solid
}
</style>
<asp:TextBox id= "TextBox1 " runat= "server" CssClass= "myline "></asp:TextBox>

Answer 2

其实上面CSS可以更简化一点。

Answer 3

谢谢！

Answer 4

帮顶,学习了,两种方式

Answer 5

style="border: 0; border-bottom: 1px solid #000;"

Answer 6

style="border: 0; border-bottom: 1px solid #000;"这样就可以了

Answer 7

用CSS设置上下左右边框

Answer 8

我感觉第二种方法 更好一点