`
qqjavagood
  • 浏览: 98580 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

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

    博客分类:
  • java
阅读更多
    <p><span style="font-size: 10pt;">本文转自:</span><span style="font-size: 10pt;">http://topic.csdn.net/t/20020818/11/949935.html</span></p><p><span style="font-size: 10pt;">楼主saabi(saabi)2002-08-18 11:38:21 在 .net技术 / asp.net 提问<br>怎样将input type=radio的边框去掉? <br> &lt;!doctype html public "-//w3c//dtd html 4.0 transitional//en" &gt; <br> &lt;html&gt; <br> &lt;head&gt; <br> &lt;style&gt; <br> /*这个样式本来用&lt;link&gt;代码,保持格式一致*/ <br> input { <br> border-right: gray 1pt solid; <br> padding-right: 1pt; <br> border-top: gray 1pt solid; <br> padding-left: 1pt; <br> font-size: 9pt; <br> padding-bottom: 1pt; <br> border-left: gray 1pt solid; <br> padding-top: 1pt; <br> border-bottom: gray 1pt solid; <br> font-family: 宋体; <br> height: 18px; <br> }&lt;/style&gt; <br> &lt;title&gt;webform1&lt;/title&gt; <br> &lt;meta name="generator" content="microsoft visual studio 7.0"&gt; <br> &lt;meta name="code_language" content="c#"&gt; <br> &lt;meta name="vs_defaultclientscript" content="javascript"&gt; <br> &lt;meta name="vs_targetschema" content="</span><span style="font-size: 10pt;">http://schemas.microsoft.com/intellisense/ie5</span><span style="font-size: 10pt;">"&gt; <br> &lt;/head&gt; <br> &lt;body ms_positioning="flowlayout"&gt; <br> &lt;form id="webform1" method="post" runat="server"&gt;因为input样式使input type=radio有了一个边框,怎样将这个边框去掉。 <br> &lt;asp:radiobuttonlist id="radiobuttonlist1" runat="server"&gt; <br> &lt;asp:listitem value="1"&gt;1&lt;/asp:listitem&gt; <br> &lt;asp:listitem value="2"&gt;2&lt;/asp:listitem&gt; <br> &lt;/asp:radiobuttonlist&gt; <br> &lt;/form&gt; <br> &lt;/body&gt; <br> &lt;/html&gt; <br> 多谢! </span></p><p><span style="font-size: 10pt;">3 楼mmkk()回复于 2002-08-18 13:04:31 得分 20重新指定一个style <br> input.radio <br> { <br> //somestyle <br> } <br> 然后在radiobuton中调用cssclass="radio"就可以了</span></p><p><span style="font-size: 10pt;">5 楼forever_ares(战神)回复于 2002-08-18 13:23:22 得分 20用下面的方式定义style可以解决你的问题: <br> input[type~=radio] <br> { <br> ... <br> } <br><br> 含义:请将所有的input应用下面的style,但是其type属性是radio的input则例外。 <br><br> good luck </span></p> 
分享到:
评论

相关推荐

    纯CSS美化input radio checkbox样式.zip

    本资源“纯CSS美化input radio checkbox样式.zip”提供了一种方法,通过纯CSS3技术对这些元素进行美化,提升网页界面的视觉效果。 首先,CSS3引入了新的选择器和属性,使得我们可以更加精确地控制元素的样式,包括...

    原生javascript自定义input[type=radio]效果示例

    在本文中,我们将探讨如何使用原生JavaScript来自定义`input[type=radio]`的效果,以便使其符合UI设计的需求。通常,原生的HTML radio按钮样式较为简单,但通过CSS和JavaScript,我们可以创建出更加美观且符合品牌...

    使用纯CSS美化radio和checkbox

    本篇文章将深入探讨如何使用纯CSS来美化radio和checkbox,使它们更符合现代网页的视觉效果。 首先,我们要明白HTML中的radio和checkbox是如何工作的。`&lt;input type="radio"&gt;`定义了单选按钮,`&lt;input type=...

    css3单选按钮多选按钮

    在网页设计中,CSS3(层叠样式表第三版)为单选按钮(radio button)和多选按钮(checkbox)提供了丰富的样式定制功能,极大地增强了用户界面的视觉吸引力和交互体验。本文将深入探讨如何利用CSS3来美化和操作这两种...

    纯css3单选按钮和复选按钮样式代码

    一个单选按钮通常由`&lt;input type="radio"&gt;`标签定义,而复选框则是`&lt;input type="checkbox"&gt;`。这些元素可以配合`&lt;label&gt;`标签使用,提供更好的可点击区域和用户体验: ```html &lt;input type="radio" id="radio1" ...

    css3制作checkbox单选按钮美化代码.zip

    input[type="checkbox"] + label, input[type="radio"] + label { position: relative; cursor: pointer; } /* 自定义复选框和单选按钮的样式 */ input[type="checkbox"] + label::before, input[type="radio"] ...

    html5+css 代码.docx

    - `&lt;input type="radio"&gt;`是单选按钮,`checked`属性用于默认选中。 - `&lt;input type="checkbox"&gt;`是复选框,同样`checked`属性用于默认选中。 - `&lt;select multiple&gt;`是多选下拉列表,`&lt;option&gt;`定义选项,`...

    漂亮的Checkbox Radio漂亮样式

    &lt;input type="radio" id="exampleRadio" name="exampleGroup"&gt; &lt;label for="exampleRadio"&gt;单选项 ``` `name`属性用于将一组单选按钮关联在一起,确保用户只能选择一个。 为了实现“漂亮的样式”,我们可以利用CSS...

    单选按钮和复选框的美化(只用css)

    单选按钮通常使用`&lt;input type="radio"&gt;`标签,而复选框则是`&lt;input type="checkbox"&gt;`。这些标签可以与`&lt;label&gt;`标签配合使用,以提高可点击区域并提供更好的可访问性。例如: ```html &lt;input type="radio" id=...

    单选复选按钮图标html5按钮样式

    &lt;input type="radio" id="radio1" class="radio-input" name="group1" value="1"&gt; &lt;label class="radio-label" for="radio1"&gt;单选按钮1 &lt;input type="radio" id="radio2" class="radio-input" name="group1" ...

    html表单制作及实例 + 打卡表单设计

    3. 单选按钮:`&lt;input type="radio"&gt;`,同一组内只能选择一个。 4. 复选框:`&lt;input type="checkbox"&gt;`,可多选。 5. 下拉列表:`&lt;select&gt;`配合`&lt;option&gt;`定义选项,用户从预设选项中选择。 6. 按钮:`&lt;button&gt;`、`...

    CSS表单设计最简单的,最基本的,CSS表单代码,html代码,表单标准化设计

    2. 表单字段:如文本输入框`&lt;input type="text"&gt;`、密码输入框`&lt;input type="password"&gt;`、单选按钮`&lt;input type="radio"&gt;`、复选框`&lt;input type="checkbox"&gt;`、下拉选择`&lt;select&gt;`等。每个字段都需要一个`name`属性...

    jQuery美化radio和checkbox

    例如,你可以隐藏原生的input元素,然后创建自定义的UI元素,如使用`&lt;label&gt;`配合`:before`和`:after`伪元素,通过CSS控制其背景、边框和图标。当radio或checkbox被选中时,通过jQuery监听事件并更新自定义UI的状态...

    css3复选框收音机效果.zip

    "css3复选框收音机效果"是一个利用CSS3技术实现的复选框样式,它将传统的单选按钮(Radio Button)设计成收音机按键的模样,既美观又直观。这一效果主要通过改变复选框的伪元素(如`:before`和`:after`)和使用CSS3...

    radio关联 网页设计

    本文将通过分析提供的示例代码,详细介绍如何利用JavaScript实现`&lt;input type="radio"&gt;`之间的关联,以及如何根据用户的选项动态显示或隐藏其他HTML元素。 #### 一、理解`&lt;input type="radio"&gt;`的基本用法 在HTML...

    css 类型选择器

    在给定的“css input type选择器”主题下,我们将深入探讨CSS中的类型选择器以及如何针对`input`元素的不同类型应用样式。 首先,让我们理解CSS类型选择器的基本概念。类型选择器通常是HTML元素标签名,如`p`、`div...

    技术讲座_Div+Css布局

    &lt;input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8"&gt;  其中...

    css3美化单选按钮点击选中动画特效

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式和动画效果,使得表单元素如单选按钮(radio button)的美化变得更加便捷和动态。本项目"css3美化单选按钮点击选中动画特效"旨在通过CSS3技术实现一...

    纯CSS3开关样式的自定义单选框按钮

    在本文中,我们将深入探讨如何使用纯CSS3创建具有开关样式的自定义单选框按钮。这种方法对于提升网页设计的用户体验和视觉吸引力至关重要,尤其是在现代Web前端开发中。CSS3的强大功能使得我们可以抛弃传统的HTML...

Global site tag (gtag.js) - Google Analytics