如何正确指定CSS空url()以移除select默认下拉箭头？

直接用以下内联样式代码就能满足需求，同时解决PHPStorm的报错和显示问题：

<select style="appearance: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); opacity: 0.65; cursor: not-allowed;" disabled>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>

关键细节说明： #

• appearance: none：彻底移除浏览器默认的select控件外观（包括右侧下拉箭头）
• background-image使用1x1透明GIF的base64编码：这是一个完全有效的数据URL，IDE不会再报文件无法解析的错误，同时不会在页面上显示任何图像，完美替代空URL或无效data:的写法
• opacity: 0.65 + cursor: not-allowed：模拟原生禁用文本框的视觉效果和交互反馈，让控件看起来和禁用状态的文本框一致
• 保留disabled属性：阻止前端用户手动操作控件，但完全不影响JavaScript对select的value属性进行读写或操控选择

为什么之前的方案不行： #

• 空url('')：不符合URL语法规范，IDE会报错，部分浏览器还可能触发不必要的资源加载行为
• url('data:')：虽然IDE不报错，但部分浏览器会将其识别为无效资源，可能显示异常占位符或导致样式错乱

内容的提问来源于stack exchange，提问作者cr001