【转】怎样将input type=radio的边框去掉？

最新推荐文章于 2022-11-26 13:38:40 发布
最新推荐文章于 2022-11-26 13:38:40 发布
阅读量1.3k 收藏
点赞数
分类专栏： CSS/网页相关 文章标签： input webform microsoft generator javascript server


本文出处： http://topic.csdn.net/t/20020818/11/949935.html
楼主发表于：2002-08-18 11:38:21
怎样将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楼 得分：20回复于：2002-08-18 13:04:31
重新指定一个style 
input.radio 
{ 
  //somestyle 
} 
然后在RadioButon中调用cssClass= "radio "就可以了


    #5楼 得分：20回复于：2002-08-18 13:23:22
    用下面的方式定义style可以解决你的问题： 
    input[type~=radio] 
    { 
    ... 
    } 

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

    good   luck 

    白云水涧
    关注
    • 0
      点赞
    • 踩
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    专栏目录
    使用纯CSS美化radio和checkbox
    04-28
    `<input type="radio">`定义了单选按钮，`<input type="checkbox">`定义了复选框。它们通常与`<label>`标签一起使用，以便于点击文字也能触发选中状态。例如： ```html <input type="radio" id="option1" name=...
    input_美化、单选框 点击文字可以选中
    10-09
    单选按钮（`<input type="radio">`）是HTML表单中的一种元素，用于提供一组互斥的选择。默认情况下，用户只能点击单选按钮本身来选择或取消选择。在HTML中，我们通常会配合`<label>`标签来关联文本和单选按钮，使得...
    [转]css 怎样将input type=radio的边框去掉？
    我的空间，好好学习
    11-30 724
    本文转自：http://topic.csdn.net/t/20020818/11/949935.html楼主saabi（saabi）2002-08-18 11:38:21 在 .net技术 / asp.net 提问怎样将input type=radio的边框去掉？ &lt;!doctype html public "-//w3c//dtd html 4.0 transitional//e...
    清除radio单选框外边距
    weixin_33869377的博客
    07-04 396
    <input style="margin:0;width:12px;height:12px;overflow:hidden;" type="checkbox" /> 转载于:https://www.cnblogs.com/mizzle/archive/2011/07/04/2097601.html
    vant +vue 单选、复选按钮 改 带边框的单选、复选框 + 单、复选取值
    射手男很懒的博客
    08-19 2563
    由于vant 中的单选、复选在手机端无 带边框选框的效果 只能自己动手写一个了 为方便查看是否所需，先上效果图 单选 复选 单选代码 <div class="RadioStyle"> <div class="radioList"> <input type="radio" name="Storage" id="Radio1" va...
    {技术操作} input框 单选框 边框 背景设置
    酱子
    11-08 527
    input框 单选框 边框 背景设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> input[type="checkbox"] + label::b...
    boolean-uk-html-stylish-form:用CodeSandbox创建
    04-11
    表单可以包含各种输入控件，如文本框（<input type="text">）、复选框（<input type="checkbox">）、单选按钮（<input type="radio">）、下拉菜单（）、按钮（）等。 **表单控件** 1. **文本输入**：`<input type=...
    HTML语言与网页设计期末考试题(20211226163547).pdf
    01-03
    关于`<input>`标签，`<input type="text">`创建文本输入框，`<input type="password">`创建密码输入框，`<input type="checkbox">`创建复选框，`<input type="radio">`创建单选按钮。表单`<form>`用于收集用户信息，...
    JQuery_html总结.pdf
    01-27
    <input type="radio" name="gender" value="female" /> Female <input type="reset" value="Reset" /> <input type="submit" value="Submit" /> <option value="1">Option 1 <option value="2">Option 2 ...
    多选按钮方框html,input多选框checkbox单选框radio的样式修改-------CSS
    weixin_42581846的博客
    06-07 1166
    input多选框checkbox单选框radio的样式修改-------CSS效果图HTML代码1.多选 是 否CSS样式/* 多选 方框 自定义*/.hy-check {width: 30px;height: 100%;top: 0;left: 0;right: 0;}.hy-check label {width: 20px;height: 20px;position: absolute;l...
    去除input边框以及点击input出现的边框
    行云出岫
    11-22 808
    input type=“text” style=“border:0px;outline:none;” 更详细： http://www.yayihouse.com/yayishuwu/chapter/1407
    radio框的美化
    weixin_33729196的博客
    02-27 123
    为什么80%的码农都做不了架构师？>>> ...
    input输入时的边框样式去除
    杜永康的博客
    11-26 1万+
    很多程序员在写项目过程中，会遇到input的边框样式去除问题。今天我们就研究一下，有什么办法解决这个问题？一般的，我们会给input设置： 这种方法，我们去除的是显示样式，但是输入的时候，我们需要点击一下input框，发现还是有一个黑色的初始化边框：这种情况，怎么处理？去除文本输入框的样式： 去除密码输入框的样式： 简而言之，type=input的哪种类型，就去除哪种样式最后的效果如下：到这，我们遇到的问题已经得到了解决，但是学习这种事，要举一反三，更要善于总结，要深挖。你说呢？
    Element-Ui组件 单选框（Radio） 修改点击激活时的文本颜色，填充色和边框色
    Amtion的博客
    07-16 1万+
    Element-Ui组件 单选框（Radio） 修改点击激活时的文本颜色，填充色和边框色 官方组件显示的效果： 需要的效果： 直接添加样式： /* 选中后的字体颜色 */ .el-radio__input.is-checked + .el-radio__label { color: #28d4c1 !important; } /* 选中后小圆点的颜色 */ .el-radio__input.is-checked .el-radio__inner { background: #28d4c1 !i
    小程序radio 自定样式的坑（选中颜色，背景）
    热门推荐
    wangsq-web的博客
    07-09 3万+
    改变小程序的radio 原生样式，与checkbox 不同 再复选的时候可以用 checkbox .wx-checkbox-input.wx-checkbox-input-checked{ background: red } 来改变复选框选中的背景色 但是在单选radio 的的时候 radio .wx-radio-input.wx-radio-input-checked{ ...
    input type=radio
    最新发布
    08-25
    通过设置type属性为radio，可以将多个单选按钮归为一组，使用户只能选择其中的一个选项。 在HTML代码中，可以使用<input>标签来创建单选按钮。通过设置name属性为相同的值，可以将多个单选按钮归为一组。比如...
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

    当前余额3.43元 前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值