去除input标签点击时的默认样式

最新推荐文章于 2024-01-23 18:07:54 发布
最新推荐文章于 2024-01-23 18:07:54 发布
阅读量1.3k 收藏 1
点赞数 3
分类专栏： web前端 文章标签： html css web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46353366/article/details/107171186
版权

去除input标签点击时的默认样式的方法

outline:none;        //去除点击时的边框

border : none;          //去除input框的边框
OnTheSummit
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
button在IE6/7下的黑边去除方案
09-25
好久没有处理过IE6下的兼容问题了，今天有朋友碰到过input type=submit和button type=submit在IE6-7下会出现黑边;就算是你在样式中重置了一个border属性也是如此,很是疑惑，于是搜集整理一番，晒出来和大家分享，希望可以帮助你们
可道云文件管理kodbox 1.15
05-01
可道云文件管理kodbox像Windows操作一样的企业网盘，云端文档管理，在企业网盘内也能像在电脑上操作一般熟悉而流畅，熟悉框选、拖拽、快捷键，从来没这么简单方便可道云文件管理kodbox 1.15 更新日志：2020-12-31功能新增及优化文件管理文件夹显示子内容个数；(支持:kod存储，物理路径存储)文档属性与信息面板统一；文件属性拥有更全的功能及信息，包括权限设置，历史记录，操作日志，扩展数据等；文档属性:数据请求优化；md5获取优化；本地文件加入最近访问时间；快捷操作:标签管理/设置描述/收藏/置顶处理；搜索增强:加入双引号则全词匹配支持，内部不进行空格切分；批量上传文件夹:空文件夹新建进度展示，避免过多时界面没有变化。分享与协作优化:与我协作:入口优先级提高；支持选中隐藏，批量隐藏；(对不重要的内容进行整理)；外链分享与内部协作分享拆分；文件-外链分享默认开启外链分享；分享时间显示优化内部协作分享:仅文件夹支持内部协作分享；分享物理路径支持上传等处理；复制内部协作url链接；自定义分享对象组合；(最近使用)最近使用:最近分享/权限设置出的用户及部门，按次数排序，总共10个部门在前用户在后；groupAuth操作菜单(hover):清空.复制该组合.粘贴组合.保存到常用(自适应显示)设置分享对象时:增加选择，自定义组合优先展示，与企业网盘为同一等级；保存组合到常用；点击则自动导入存储的用户及权限组合；hover菜单:编辑/删除。体验优化，移动端H5优化移动端地址栏搜索栏样式优化，搜索更方便；文件列表分页信息优化，少于一页且少于20条不显示分页信息；文件多选时:不允许左滑拖拽；多选底部菜单宽度自适应，显示图标；登录界面优化，输入框，按钮等加大，便于操作；后台页面优化:菜单栏样式优化，界面载入动画处理；样式优化:树目录行高，属性面板，对话框标题栏；上传对话框，上传-批量下载，批量重命名，图片打印，批量设置权限...右键操作菜单优化:快捷键提示提示显示优化；菜单点击hover效果处理，两次点击进入二级菜单优化；(菜单九宫格样式)手势操作增强:(处理事件冒泡，重叠情况)操作菜单(文件操作，多选操作等):下滑手势关闭；所有模态对话框:下拉手势关闭对话框；tab菜单手势滑动切换，包含滚动条时自动过滤；侧边栏手势支持:文件管理树目录，后台菜单侧边栏，个人中心侧边栏；在页面右滑可打开侧边栏，左滑关闭；手势处理:点击元素允许input，但当前焦点为input时忽略，点击input切换tab后焦点input的blur处理；移动端有文字选中则不开始拖拽。其他优化增强php8兼容插件中心搜索插件实时处理结果；多语言移动到个人设置；文件历史版本合并到属性面板；去除之前单独界面；拖拽排序组件:拖拽表格顺序时自动保持单元格宽度；收藏绑定时没有数据，后续添加数据后无法拖拽问题处理；文件列表接口:文件文件夹图标自定义；有则优先使用设定的图标。formMaker嵌套子表单支持嵌套子表单:支持children处理；多层级复杂组合；表单项为多个子项的组合值；子表单数据管理:添加，修改，删除(删除确认)；拖拽调整顺序；子表单添加编辑类型:对话框打开添加和编辑；行内添加和编辑；(为空检测，错误处理)安全性调整；文件禁用下载权限时，pdf预览界面禁用下载及打印；ofd文件同理；用户个人中心:安全管理:增加历史登录过的设备及位置(根据ip)多端登录安全管控:规则操作，拖拽调整顺序；规则逻辑处理。bug修复无扩展名文件上传拦截异常处理；单文件文件夹右键设置标签；pc客户端:本地打开，本地编辑；打开方式加入到可选内容中；webdav获取文件列表，数据只能获取3000条情况处理。(webdav请求数据，获取全量不分页)
前端使用css去除input框的默认样式
最新发布
m0_72929120的博客
01-23 1323
【代码】前端使用css去除input框的默认样式。
input去掉边框样式以及触发时的边框样式
飞翔的小白
06-08 676
input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 }
如何去除input标签点击之后出现的默认样式
yike_dc的博客
08-08 1万+
新项目刚刚开工碰上的第一个坑，记录一下，防止以后再踩进去~
去掉input点击后的默认样式
蜗牛的博客
04-01 5491
input { outline:none; border:none; /**修改颜色*/ outline-color: "red"; }
javascript案例37——input内容选中状态
努力、拼搏、奋进
08-22 2102
js中input内容选中状态
input输入时的边框样式去除
热门推荐
杜永康的博客
11-26 1万+
很多程序员在写项目过程中，会遇到input的边框样式去除问题。今天我们就研究一下，有什么办法解决这个问题？一般的，我们会给input设置： 这种方法，我们去除的是显示样式，但是输入的时候，我们需要点击一下input框，发现还是有一个黑色的初始化边框：这种情况，怎么处理？去除文本输入框的样式： 去除密码输入框的样式： 简而言之，type=input的哪种类型，就去除哪种样式最后的效果如下：到这，我们遇到的问题已经得到了解决，但是学习这种事，要举一反三，更要善于总结，要深挖。你说呢？
CSS 去掉input默认样式
叶落无痕的博客
08-23 3275
input{ background:none; outline:none; border:none; } 如果input必须要有边框，但需要去掉选中时的蓝色框，则： input{ background:none; outline:none; border:1px solid #ccc; } input:focus...
去掉input选中后的默认样式
故里的博客
09-09 2149
input{ outline: none; border: none;//去掉默认边框 }
input相关：点击时边框颜色去除、placeholder样式、点击时隐藏
流都的博客
06-08 7304
♦ 点击聚焦时原生边框颜色去除border修改无用input{outline:none} input:focus { outline: none; }♦ placeholder样式修改（没有统一写法，必须分开写）input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browser...
IE6/7下多种方法移除button、input 默认边框和去掉焦点线
12-11
一、去掉边框： ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签，然后将样式写在这个标签上，并且把button和input的默认样式都去除掉。 实现方式一：设置CSS： 复制代码
js使用小技巧
07-11
防止点击空链接时，页面往往重置到页首端。 ()">word 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer 释放内存 CollectGarbage(); 禁止右键 document....
文章管理系统
12-06
6.解除对p、img、input、button等标签默认空隙的限制 7.屏蔽掉网站数据库和采集数据库的数据库还原功能 8.广告管理中广告编辑，加入上传本地图片到编辑器中功能 9.纠正内容页图文排版时，后台设置图片间距无效bug 10...
ExtAspNet v2.2.1 （2009-4-1） 值得一看
04-01
--也就是说生成的input的type不能是"submit"，而这个限制在有些情况下是不可原谅的。 --我们做了优化，现在要使一个Asp.net的按钮能够AJAX提交，你不需要做任何设置（PageManager的属性EnableAjax为true即可，这...
ExtAspNet_v2.3.2_dll
09-29
-为空则使用默认的提示信息，默认的提示信息支持多语言，建议一般情况下使用默认信息。 +为表单字段增加MarkInvalid和GetMarkInvalidReference函数(feedback:sun1299shine)。 -增加示例：form/form_validate....
jQuery完全实例.rar
06-16
当你创建单个元素时，请使用闭合标签或 XHTML 格式。例如，创建一个 span ，可以用 $("<span/>") 或 $("<span></span>") ，但不推荐 $("<span>") --------------------------------------------------------------...
flex3的cookbook书籍完整版dpf（包含目录）
07-14
重写默认的应用程序样式 9.3节.嵌入CSS样式 9.4节.修改初始样式属性 9.5节.运行时定制样式 9.6节.运行时加载CSS 9.7节.运行时声明样式 9.8节.自定义组件样式属性 9.9节.同一个程序中使用多个主题 9.10节.编译主题SWC...
python入门到高级全栈工程师培训 第3期 附课件代码
06-07
06 form表单之input标签 07 通过form向server端发送数据 08 form表单之select标签 09 table标签 第38章 01 css的四种引入方式 02 css的四种基本选择器 03 css的组合选择器 04 css的属性选择器 05 css的伪类 06 css...
如何去除input标签的所有边框样式
05-31
可以通过设置 `border:none` 和 `outline:none` 来去除 `input` 标签的所有边框样式，示例代码如下： ```css input { border: none; outline: none; } ``` 如果你只想去除部分边框样式，可以分别设置 `border-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值