如何在Asp.Net中创建圆角文本框(使用CSS) [英] How to Create Rounded Corners Textbox in Asp.Net (Using CSS)

查看:815
本文介绍了如何在Asp.Net中创建圆角文本框(使用CSS)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

亲爱的朋友!!!



我的网页上有一个Ajax WaterMark扩展器文本框。我需要将文本框的边角设置为圆形。



圆角文本框USIng CSS



请建议我,创建一个好看的圆角文本框和按钮





谢谢。

解决方案

< blockquote>试试这个:



 <   head     runat   =  服务器 >  

< style 输入 = text / css > ;
.txtbox
{
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
< / style >
< / head >



并将css类应用于文本框:

 < span class =code-keyword><   asp:TextBox     ID   =  TextBox1    runat   =  server     cssclass   = < span class =code-keyword> txtbox >  <   / asp:TextBox  >  



这肯定有效。


既然你只问CSS方式,请看这里:

圆形文本框 - 使用css'滑动门'可以完全调整文本框的长度[ ^ ]


Dear Frnds !!!

I have a Ajax WaterMark extender Textbox on my webpage. I need that Textbox corners to be Rounded.

Rounded Corners Textbox USIng CSS

Please suggest me, to create a Good looking Rounded Textbox and Buttons


Thanks.

解决方案

try this:

<head runat="server">
    
    <style type="text/css">
        .txtbox
        {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
        }
    </style>
</head>


and apply the css class to textbox as:

<asp:TextBox ID="TextBox1" runat="server" cssclass="txtbox"></asp:TextBox>


this definitely works.


Since you asked just the CSS way, look here:
rounded textboxes - fully adjustable to the length of your textbox using css 'sliding doors'[^]


这篇关于如何在Asp.Net中创建圆角文本框(使用CSS)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆