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

最新推荐文章于 2022-11-09 18:55:59 发布

最新推荐文章于 2022-11-09 18:55:59 发布 · 127 阅读

本文讨论了如何通过CSS样式调整移除HTML中input type=radio元素的边框问题。提供了使用CSS选择器和类名的方式实现这一目标的方法。

本文转自：http://topic.youkuaiyun.com/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