如何用CSS修改老旧网页搜索下拉样式并调整输入长度限制？

1. 搜索历史下拉列表样式修改问题 #

仅通过CSS完全无法修改这个下拉列表的样式。
这个弹出的搜索历史下拉是浏览器内置的原生UI组件，不属于网页可操作的DOM树范围，没有任何公开的CSS选择器、伪元素可以匹配到这个下拉里的内容，各浏览器对这个组件的实现完全独立，这也是你看到Firefox和Opera显示效果不一致的根本原因，网页层面的CSS代码根本管不到这部分原生UI的渲染。
你当前只有CSS编辑权限，甚至连关闭这个原生下拉都做不到——关闭下拉需要给输入框加autocomplete="off"的HTML属性，CSS没有修改HTML属性的能力，这部分样式差异没有纯CSS解决方案。

2. 增大输入框maxlength字符上限问题 #

仅通过CSS完全无法突破原生maxlength=60的输入长度限制。
maxlength是输入框的原生行为属性，控制的是浏览器内核层面的输入拦截逻辑，CSS只负责页面视觉样式渲染，没有任何修改DOM属性、干预表单原生行为的能力。
你之前实现的“更小范围的长度限制”本质只是视觉层面的截断（比如通过宽度限制、文本溢出隐藏实现的视觉效果），并不是真的修改了输入长度校验规则，用户实际还是可以输入超出你视觉限制的内容。
纯CSS权限下你能做的只有调整输入框的视觉宽度，比如给搜索框加样式让它看起来能容纳更多字符：

#search {
  width: 350px; /* 按你需要的视觉宽度调整数值即可 */
}

但这个调整不会改变实际输入上限，用户输入到第60个字符时依然会被浏览器原生逻辑拦截，这个限制没有纯CSS层面的突破方案。

内容的提问来源于stack exchange，提问作者Elerium-115