html写到input边框时，选中会出现选中时边框，默认样式看起来有点违和 下面带来去除的方法
<input type="text" > input {
border: 0; // 去除未选中状态边框
outline: none; // 去除选中状态边框
background-color: rgba(0, 0, 0, 0);// 透明背景
}html去除input边框以及选中时边框 默认样式
2022-06-06
271
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
html去除input边框以及选中时边框 默认样式
目录
相关文章
|
1月前
|
JavaScript
前端开发
|
1月前
|
前端开发
JavaScript
|
1月前
|
前端开发
JavaScript
|
1月前
|
编解码
前端开发
UED
【专栏：HTML 与 CSS 移动端开发篇】CSS 媒体查询与移动端特定样式
【4月更文挑战第30天】CSS媒体查询在移动端开发中至关重要，它基于设备特性（如屏幕尺寸、分辨率、方向）应用特定样式，实现响应式设计。通过`@media`规则定义条件，如`(max-width: 600px)`，当屏幕宽度小于或等于600px时应用相应样式。常见条件包括屏幕宽度、高度、方向和分辨率。媒体查询可用于响应式布局、导航菜单优化、图片加载及字体调整。在实践中，需注意保持查询简洁，充分测试，渐进增强，并提前规划。掌握媒体查询能提升移动端用户体验，创造更优秀的网页设计。
58
3
3
|
1月前
|
前端开发
数据安全/隐私保护
|
1月前
|
前端开发
JavaScript
开发者
|
1月前
|
移动开发
JavaScript
HTML5
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
27
0
0
|
1月前
几个比较冷门的prototype扩展方法：去掉html标签、去掉a标签、去掉style样式，以及判断是否为html代码的代码片段
几个比较冷门的prototype扩展方法：去掉html标签、去掉a标签、去掉style样式，以及判断是否为html代码的代码片段
17
0
0
|
1月前
|
前端开发
开发者
|
10月前
|
前端开发