AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

html去除input边框以及选中时边框 默认样式

2022-06-06 304
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： html去除input边框以及选中时边框 默认样式

html写到input边框时，选中会出现选中时边框，默认样式看起来有点违和 下面带来去除的方法

<input type="text" >
 input {
       
        border: 0;  // 去除未选中状态边框
        outline: none; // 去除选中状态边框
        background-color: rgba(0, 0, 0, 0);// 透明背景
 
    }
文章标签：
开发工具
关键词：
HTML样式
HTML input
HTML边框
HTML选中
HTML选中边框默认样式
小唐同学.
目录
相关文章
你挚爱的强哥
|
6月前
|
JavaScript 前端开发
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
你挚爱的强哥
57 1
Z_B_L
|
6月前
|
前端开发 JavaScript
如何固定html表格头部，用css样式即可实现，操作简便、代码简单
如何固定html表格头部，用css样式即可实现，操作简便、代码简单
Z_B_L
69 0
六卿
|
2月前
Twaver-HTML5基础学习(32)Network样式andTree样式
本文介绍了如何在Twaver-HTML5中自定义Network和Tree组件的样式，包括标签、提示、颜色、告警等。
六卿
35 2
Twaver-HTML5基础学习(32)Network样式andTree样式
html的七十二变
|
1月前
|
移动开发 前端开发 JavaScript
HTML5 新的 Input可以有哪些好玩的应用
HTML5的新输入类型为应用带来了多种创新和互动功能，显著提升了用户体验和界面趣味性。例如，颜色选择器可动态改变网站主题色；滑块控制适用于音量或亮度调节；日期和时间输入便于预约系统的设计；互动式表单结合多种输入类型实现高效的数据收集；猜数字游戏增加用户参与度；实时搜索建议优化网站搜索功能；图像预览功能让用户上传图片前预览效果；密码可见性切换按钮提升表单的可用性；结合用户位置的电话号码输入则能提供附近服务信息。这些应用场景不仅使网站更具吸引力，还增强了用户的互动体验。
html的七十二变
76 14
html的七十二变
|
1月前
|
移动开发 数据安全/隐私保护 UED
HTML5 新的 Input 类型详解
HTML5引入了多种新输入类型，显著提升了表单的用户体验和可用性。这些类型包括普通文本、搜索、电子邮件、网址、电话号码、密码、数字、范围选择、日期、时间、颜色选择等，每个类型都有特定用途和优化功能。例如，`email` 类型可自动验证邮件格式，`number` 类型提供增减按钮，而 `date` 类型则内置日期选择器。这些新类型不仅简化了用户操作，还增强了开发者对表单验证和数据交互的控制能力。
html的七十二变
85 16
游客44yag4ft7nckq
|
9天前
|
前端开发
HTML 样式- CSS3
内部样式表适用于单个文件的特别样式，通过&lt;head&gt;部分的&lt;style&gt;标签定义；外部样式表适用于多个页面，通过&lt;link&gt;标签引用外部CSS文件；&lt;style&gt;定义样式，&lt;link&gt;引用资源；已弃用的标签有&lt;font&gt;、&lt;center&gt;、&lt;strike&gt;，属性有color和bgcolor。
游客44yag4ft7nckq
17 0
游客44yag4ft7nckq
|
9天前
HTML 样式- CSS2
HTML样式实例展示了如何使用`font-family`、`color`和`font-size`属性来定义字体样式，以及使用`text-align`属性来设置文本的对齐方式。示例包括标题和段落的样式设置。
游客44yag4ft7nckq
10 0
游客44yag4ft7nckq
|
9天前
|
前端开发
HTML 样式- CSS1
CSS (层叠样式表) 用于为 HTML 元素添加样式，包括颜色、文本、盒子模型等。CSS 可以通过内联样式、内部样式表或外部引用的方式添加到 HTML 中。推荐使用外部引用方式。本教程将介绍如何使用 CSS 为 HTML 添加样式，并提供实例演示。
游客44yag4ft7nckq
15 0
爱你三千遍斯塔克
|
4月前
|
JSON JavaScript 数据格式
文本-----wangEditor的使用，设置和获取内容，展示HTML无样式怎么办？？？？console同步展示怎样写,Vue的配置在Vue3配置文件中的配置，是editor中的v-model绑定的值
文本-----wangEditor的使用，设置和获取内容，展示HTML无样式怎么办？？？？console同步展示怎样写,Vue的配置在Vue3配置文件中的配置，是editor中的v-model绑定的值
爱你三千遍斯塔克
370 4
爱你三千遍斯塔克
|
4月前
|
前端开发 JavaScript
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
爱你三千遍斯塔克
135 4