[前端]input框 type="radio"显示不出

最新推荐文章于 2025-06-07 22:15:50 发布
最新推荐文章于 2025-06-07 22:15:50 发布
阅读量8.5k 收藏
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Raindropsyy/article/details/52717690
本文介绍了一种CSS全局样式重置的方法，通过设置通用选择器*来清除默认的margin和padding，并调整触摸设备上的用户体验。文章还提到了如何解决代码中出现的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

查看css


* {
    margin: 0;
    padding: 0;
   /** -webkit-appearance: none;**/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}


注释掉那句代码后 就好用了

Raindropsyy
关注
uniapp的单选框，type=‘radio‘用不了？
tianxingege_的博客
09-04 1379
今天发现了一个新大陆，因为今天的任务有涉及到单选按钮，按照原来的思维想法，我敲了以下代码 <input type="text" value="请输入地址" /> <input type="radio" value="郑州" /> 结果发现发现竟然没有单选按钮，变成了输入框？ 后来我进去官网搜了一下发现uinapp的input是没有radio 类型的，uniapp的单选框有radio 标签还有radio-group单选按钮组，详见如下：官方文档 单项选择器，内部由多个 组成。通过
前端HTML
prigilm的博客
11-01 578
HTML 文章目录HTML一、Web服务本质二、HTML简介1. HTML是什么？2. 注意: HTML不是编程语言三. 两种打开HTML文件的方式四. HTML注释五. 六. HTML文档结构七. 标签的分类1: 单/双标签八. HTML标签格式九. head内常用标签1. 基本标签2. meta标签3. 总结十. body内常用标签十一. 特殊符号十三. 常用标签十四. 标签的分类2: 块级/行内十五. img标签十六. a标签十七. 列表标签1. 无序列表2. 有序列表3. 定义列表(了解）十八. 表
HTML type="radio" 不显示按钮
热门推荐
西门吹吹吹雪
08-14 1万+
input type="radio" name="Sex" value="Male" checked="checked"> HTML中type＝"radio" 但是在界面中不显示。 查看css，使用到了全局 input{-webkit-appearance:none;} 导致type＝“radio”应该显示的小圆圈不显示了。或者说使input失效了
html之input表单介绍——单选按钮
最新发布
2301_81968528的博客
06-07 876
但是这种情况下可以同时选中男女，这种情况下需要添加name属性实现互斥，name属性值二者必须相等。如果想要一开始就默认选中某个单选框，比如说选中男，就的添加checked属性。input表单除了文本框和密码框之外，还有其他类型。这里把name属性值统一定义为sex。比如注册界面比较常用的性别选项。type属性值是radio。checked的值可以不填。
HTML type=“radio“ 不显示按钮
T_Y_F_的博客
06-08 1873
HTML type="radio" 不显示按钮
input type=radio选择框显示问题
weixin_44440633的博客
07-17 1619
input type=radio选择框在本地显示正常 <div class="bottom"> <input type="radio" name="5" value="1" />公开（署名） 　<input type="radio" name="5" value="2" />公开（匿名） 　<input type="radio" name="5" value="3" />私密 </div> <div
html中radio不显示,css设置radio不显示小圈
weixin_39813200的博客
06-16 1860
css设置radio不显示小圈选中变红默认情况下，input的type为radio时会显示小圆圈，去除的方法很简单，只需要设置 input{-webkit-appearance:none;} 即可。设置了input{-webkit-appearance:none;} 后，input就会消失不可见，input也就失效了，我们可以设置它的width和height属性让它显示出来，同时设置它的backg...
用HTML+CSS做一个漂亮简单大学生校园班级网页(web前端期末大作业)
专注于dreamweaver网页设计制作
08-10 938
🏫 校园班级网页设计 、👨‍🎓我的班级网页、我的学校、👩‍🎓校园社团、校园运动会、等网站的设计与制作。🏷️HTML我的班级网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站......
前端学习： HTML常用标签及全称
hdxx2022的博客
10-15 415
input type="submit" name="name" value="submit" />input,type="submit" 提交按钮（submit）input,type="checkbox" 复选框（checkbox）input,type="radio" 单选框（radio）
【web前端期末大作业】基于html+css+javascript+jquery技术设计的音乐网站(44页)
专注于dreamweaver网页设计制作
08-19 256
🎵 音乐网页设计 、🎸仿网易云音乐、各大音乐官网网页、🎶明星音乐演唱会主题、🥁爵士乐音乐、民族音乐、等网站的设计与制作。🏷️HTML音乐网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结...
用DIV+CSS技术设计的公益主题网站——防止电信诈骗（web前端网页制作课作业）
html精品源码
08-11 1088
💗 爱心公益网页设计 、关爱老人网页、公益校园安全、公益扫黑除恶、等网站的设计与制作。🏷️HTML我的班级网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的......
jsp radio回显问题
I_am_little_red的专栏
03-21 1497
之前写了个jsp注册界面，想填的格式不对，就跳转回注册界面，然后还把填的的信息回显出来，text域的我可以，但是radio总是不行 我的代码是这样写的 性別： checked="checked />男  checked="checked" />女 其他都可以回显，但是radio性别不能。后来经大侠指教 把代码改成： 性別： checked="checked" />男    ch
优快云 MarkDown 操作手册 源码语法
qq_41358964的博客
09-09 486
@[TOC](这里写自定义目录标题) # 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 ## 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 1. **全新的界面设计** ，将会带来全新的写作体验； 2. 在创作中心设置你喜爱的..
jquery选中元素html的方式渲染layui radio不显示
以马内利的博客
08-04 395
渲染layui radio不显示
单选按钮input[type=radio]，加上disabled后按钮颜色失效，始终默认为灰色
weixin_43763430的博客
06-27 6704
在前端使用单选按钮input[type=radio]时，渲染后台数据时将单选按钮设为不可修改，给input加上disabled后，按钮颜色变灰，且通过css修改样式也无法改变。 通过百度尝试了类似以下方式的几种修改css样式的常用办法解决： 但在我这还是无效，突然奇想改变思考方式，不再思考如何修改input[type=radio]加上disabled后的默认样式，而是想将问题变为如何让单选按钮input[type=radio]被渲染后，不可再选择其他按钮，即禁止鼠标点击事件。 因为单选按钮input[ty
jq修改input radio选中事件失效问题
晨曦的博客
06-25 4344
在做一个由一个单选组件作为主控制，控制它下面多个单选组件的功能，当我用jq循环attr('checked',true)时发现它失效，一开始以为是我代码写的有问题，当查看html时发现它的确有增加checked=“true”，可偏偏它没有选中，这简直是莫名其妙！ 后来我百度了很多，终于发现是jq的版本问题导致attr出问题。。。。 它是这样说的 "如果在jQue...
input 属性radio中设置checked 不生效
aijian6549的博客
10-20 1686
同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中 由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 . 修改前 类似这样: 由于是多个地方使用单选按钮 , 将所有使用了单选按钮的div同时显示出来 , 效果类似下面: 代码类似下面这样代码(两组单选按钮 , ...
html中input里type为radio、checkbox、file在页面显示可用点击则无效果解决思路
xwnsy86276的专栏
03-07 917
小弟做web的时候，页面是jsp，用了jquery框架，版本1.4.2的。但是对于html标签里的input系列,System.ComponentModel.Win32Exception，像type=radio或者checkbox或者file显示是可用的，但是点击没有效果。等结果，有没有相关经验的。谢谢啦。 呵呵，已经解决了,java.net.BindException。document.c
jquery设置单选框radio选中无效解决方案
葡萄味橙子的博客
03-27 3321
$("input[type=radio][name='chapter_faculty'][value='faculty_cert']").prop("checked",true) var val = $('input[name="sex"]:checked').val();
将input type=file设置为英文浏览按钮的方法
本教程将介绍如何实现将`<input type="file">`的浏览按钮显示为英文。 在Windows系统中，如果你希望文件选择对话框默认显示为英文，你需要确保系统语言设置为英文，或者浏览器的语言设置已设置为英文。这是因为系统...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值