【stylus】通过css简化搜索页面样式,伊莱克斯 石靖

文件名：【stylus】通过css简化搜索页面样式,伊莱克斯 石靖 【stylus】通过css简化搜索页面样式 发现stylus专门修改样式的插件后，发现之前写JS调整样式的方式是在太蠢了，不过有一些交互的东西还是得用JS，例如设置按钮来交互显示功能，或记录功能等。插件可以让简化网站变得简单，而且可以实时显示，真的不要太舒服，以后看那个网站不顺眼，就可以直接简化，不懂就查一下一下CssSelector。使用技巧。下载一个别人模板，然后根据自己的喜好去修改。

百度样式调整

/* 关闭用户 */ .result-molecule, #u {display: none;}/* 调整关闭元素后导致的显示异常 遮罩高度调整 */#s_tab {padding-left: 150px !important;} .s_form {height: 10px !important;}/* 调整关闭元素后导致的显示异常 搜索内容*/#content_left {padding-top: 60px !important;width: 90%!important;}/* 调整关闭元素后导致的显示异常 导航栏*/#s_tab {padding-left: 150px !important;} /* 固定分列显示后的高度，否则一高一低浪费很多显示空间 */ .result, .result-op, .c-container{height: 300px!important;}/* 固定搜索框 */ #head {position: absolute !important;} /* 百度知道 贴吧 顶部冗余部分*/ .header-wrapper ,.navbar-wrapper , .head_inner, .pc-topbar{display: none;}.lemmaWgt-searchHeader, .fixedWrapper_OveTv, .-F_R2 {display: none!important;}

谷歌调整

/* 关闭搜索字数显示、用户栏、导航栏 */ #appbar,.rfiSsc, .Q3DXx > *[class^="Q3DXx"] {display: none;}/* 调整框分列后的搜索框显示 */ .MjjYud , .hlcw0c, .ULSxyf {/* 框 使其透明 */ border: 1px!important;background-color: rgba(255, 255, 255, 0.5)!important; margin-bottom: 1px!important; }/* 使分列框其自动换行 */ div[jscontroller="SC7lYd"], .g{width: 100% !important; }/* 特殊调整边距 */ div[data-hveid="CAgQGw"]{margin-left: -10% ; }

ybmusic

// 设置显示专辑封面而不是视频#song-video{display: none!important;}#song-image{display: block!important;}//冗余的padding去掉#player-page > div{padding: 5px}