借用浏览器检查工具,轻松统一风格

Posted by 橙叶 on Thu, Aug 18, 2016

【我对html和css不算非常精通,这里记录一下解决问题的方法】

启用Jetpack后,我在页脚添加了“订阅”的工具,但是这个工具的css样式不知为什么并没有生效,显得十分简陋,于是决定手动为它添加样式。修改前它是这样的:

输入框和按钮的样式完全使用搜索框和搜索按钮的样式,这样可以实现风格完全统一(主要是省事儿)

直接使用浏览器的检查工具,先找到搜索框的样式表

将{}内的内容复制下来(不含“{}”)

找到订阅框,选定元素,点击右上脚的“+”,然后检查器会自动创建一个选择器。将刚才复制的内容粘贴,这时候,浏览器就会实时显示效果。

最后,复制添加的整个样式表,将它粘贴到wordpress里的style.css文件里

ctrl+f5,确定样式已生效(本博客页脚的订阅栏的样式已经正常了)

 



comments powered by Disqus