您的位置:首页 > Web前端 > CSS

[转]css 怎样将input type=radio的边框去掉?

2009-03-23 18:50 603 查看
本文转自:http://topic.csdn.net/t/20020818/11/949935.html

楼主saabi(saabi)2002-08-18 11:38:21 在 .NET技术 / ASP.NET 提问

怎样将input   type=radio的边框去掉?  

  <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN"   >  

  <html>  

  <head>  

  <style>  

  /*这个样式本来用<link>代码,保持格式一致*/  

  input   {  

  border-right:   gray   1pt   solid;  

  padding-right:   1pt;  

  border-top:   gray   1pt   solid;  

  padding-left:   1pt;  

  font-size:   9pt;  

  padding-bottom:   1pt;  

  border-left:   gray   1pt   solid;  

  padding-top:   1pt;  

  border-bottom:   gray   1pt   solid;  

  font-family:   宋体;  

  height:   18px;  

  }</style>  

  <title>WebForm1</title>  

  <meta   name="GENERATOR"   content="Microsoft   Visual   Studio   7.0">  

  <meta   name="CODE_LANGUAGE"   content="C#">  

  <meta   name="vs_defaultClientScript"   content="JavaScript">  

  <meta   name="vs_targetSchema"   content="http://schemas.microsoft.com/intellisense/ie5">  

  </head>  

  <body   ms_positioning="FlowLayout">  

  <form   id="WebForm1"   method="post"   runat="server">因为input样式使input   type=radio有了一个边框,怎样将这个边框去掉。  

  <asp:radiobuttonlist   id="RadioButtonList1"   runat="server">  

  <asp:listitem   value="1">1</asp:listitem>  

  <asp:listitem   value="2">2</asp:listitem>  

  </asp:radiobuttonlist>  

  </form>  

  </body>  

  </html>  

  多谢!  

3 楼mmkk()回复于 2002-08-18 13:04:31 得分 20重新指定一个style  

  input.radio  

  {  

    //somestyle  

  }  

  然后在RadioButon中调用cssClass="radio"就可以了

5 楼forever_ares(战神)回复于 2002-08-18 13:23:22 得分 20用下面的方式定义style可以解决你的问题:  

  input[type~=radio]  

  {  

  ...  

  }  

   

  含义:请将所有的input应用下面的style,但是其type属性是radio的input则例外。  

   

  good   luck  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息