css为啥字是迷糊的

根据引用\[1\]和引用\[2\]的内容，字体迷糊可能是由于text-shadow属性的使用导致的。text-shadow属性可以为字体添加阴影效果，但在某些情况下可能会导致文字模糊或抖动。在Chrome浏览器中，下拉框右侧小三角的过渡效果可能会导致文字模糊和抖动。在Firefox浏览器中，文字可能会有看似一像素的加粗。而在IE9浏览器中，不会出现这种问题。所以，如果你遇到了字体迷糊的问题，可能是由于text-shadow属性的使用导致的。你可以尝试调整text-shadow属性的相关属性值，或者考虑其他解决方案来解决这个问题。
#### 引用[.reference_title]
- *1* *3* [css3如何设置文字阴影？css3用text-shadow设置文字阴影的方法](https://blog.csdn.net/weixin_35020639/article/details/115930429)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [CSS过渡效果导致文字模糊或抖动？](https://blog.csdn.net/weixin_30673943/article/details/117811442)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]