当导航菜单过长而欲加搜索框在一行时，官方默认搜索框宽度调整，从all.css找到以下

/* Search bar */

#searchbar {max-width: 200px;}
.m-blog #searchbar, #header.compatible #searchbar {position: absolute; right: 0; top: 45%;}
#searchbar .input-group {position: relative;}
#searchbar .form-control {border-radius: 16px; padding-right: 30px;}
#searchbar .btn {position: absolute; right: 0; top: 1px; z-index: 10; border: none; box-shadow: none; background: none; color: #808080}
#searchbar .btn:hover {color: #347aeb}
@media (max-width: 767px) {
  #header.compatible #searchbar {right: auto; left: 0; top: 2px; max-width: 150px}
  #searchbar .form-control, #searchbar .btn {padding: 3px 8px; height: 26px}
  #searchbar .btn {padding: 3px; right: 5px; top: 1px;}
  #headNav.hide {display: block; height: 30px}

  #headNav.hide + #searchbar {max-width: 400px; left: auto; right: 0; padding: 0 10px;}

不管是从all.css文件直接修改宽度，还是从后台-设计-代码管理-全部页面-加载css调整 都不起作用

如修改为：

.testClass{ 
color:blue !important; 
} 
.testClass{ 
color:red; 
#searchbar {max-width: 20px;}
}

希望有官方或高手给予指点！