html笔记——jQuery Mobile遇到了无法修改的css怎么办
今天改前端界面,遇到一个超级恶心的事情——不管css怎么写,input都是一个样!!!就是下面这个鬼样!!!
获取焦点后还有蓝色边框。。。。。。。。
客户的要求是。。。输入框不带边框。。。。。。。。。
百度了一下,可以在input的style里添加代码
border: medium none;
然而,什么都没发生。。。。。。。
哪怕我写的input是这样的
<input />
它还是带蓝框的满width的输入框。。。。。。。
问了一下师姐,这大概是jquery.mobile-1.4.5.css之类的标准css文件对样式进行了覆盖。。。
我:。。。。
师姐:就用这个呗
我:客户要求没框。。。
师姐:嗯,你慢慢改
我:。。。。。。
我表示很绝望。。。。。。
然后我在网上找了个写好的input插件,去掉了各种特效,搞出了无边框输入框:
加到我的页面里就成了这样。。。
就是有这么一条线!!!还不是input的边框线!!!会变蓝色的线!!!
我想,这大概是jquery.mobile-1.4.5.css里的样式吧,然后在jquery.mobile-1.4.5.css搜索input。。。结果是这样的。。。。
谁知道是哪个。。。。
心好累。。。。
一天时间就耗这个input上面了。。。
然后我灵光一闪。。。打开了谷歌浏览器。。。发现了右边的代码区
鼠标放在对应的块上左边界面会高亮显示哎!!!!!
鼠标放在对应的块上左边界面会高亮显示哎!!!!!
鼠标放在对应的块上左边界面会高亮显示哎!!!!!
然后我发现这根线外多了一个div。。。里面带了一串样式。。。
当然是把jquery.mobile-1.4.5.css里关于它们的样式删掉啦!
线果然就没了~~~
一个出来了,剩下的就不远啦~