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里关于它们的样式删掉啦！

线果然就没了~~~

一个出来了，剩下的就不远啦~