Bootstrap4的css文件使得search类型的input框的叉号不显示

qq_40778306 2018-09-10 10:52:29

当引用bootstrap4的css文件时input[type=search]框在输入内容后不显示叉号

去掉引用的时候：

我想在使用bootstrap的同时保留这个叉号，请教该怎么处理…

...全文

609 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

业余草 2018-09-28

打赏
举报

回复

业余草 2018-09-28

打赏
举报

回复

mirrorspace 2018-09-27

打赏
举报

回复

这个叉号是浏览器加的,不同浏览器显示的还不一样如果需要有这个功能 ,那要自己实现一回. 大概实现的办法就是加一个 <span>X</span> 然后绝对定位在input框的右边

纯css实现输入框（input）显示清除按钮实现效果：当输入框中有文字时，显示一旁删除的小叉 html部分： <div class="s-input-box"> <input type="text" required="required" class="s-input"> <div...

折腾：【记录】优化绘本查询系统的UI期间，需要去给输入框内部的右边加上x...但不是按钮，所以去加上，看看是否可以改为按钮bootstrap input box clear button现在试了很多种：htmlcss/* #inputClear {width: 10px;...

制作按钮常用：input[type=“submit”] input[type=“button”] input[type=“reset”] <button> 在Bootstrap框架中的按钮都是采用<button>来实现表单控件大小类：Bootstrap框架...

bootstrap-fileinput(二：编辑(修改)界面文件的上传，回显，删除(数据库同时删除)的操作 )

在Bootstrap中使用input时必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型，比如说text类型，对应的是input[type=“text”])的...

39,082

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章