edge浏览器点击后长度改变

Question

问题遇到的现象和发生背景

edge浏览器搜索框不点击时正常，点击后变长

操作环境、软件版本等信息

系统是win11系统版本26100.4770，浏览器版本是139.0.3405.86 (正式版本) (64 位)

尝试过的解决方法

尝试过关闭触控，清空缓存重启，卸载重装更改主题与背景冲突

我想要达到的结果

我想要达到的效果是点击搜索框不改变大小，恢复原状。

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题可能是由于浏览器样式表中的一些CSS属性导致搜索框在点击后变长。可能存在一个:focus伪类选择器或者一些特定的样式属性导致了这种效果。 解决方法：

1. 检查浏览器开发者工具中搜索框的CSS样式，查看是否有:focus伪类选择器或者其他特定样式属性导致变长效果。
2. 使用样式重置工具，将搜索框的样式属性重置为默认值。
3. 如果确定是某个特定样式属性导致的问题，可以通过重写该样式属性或者使用!important来强制优先级解决。 示例代码：

/* 重置搜索框样式 */
input[type="text"] {
    width: auto; /* 或者设置为固定值 */
}

通过以上步骤检查和修改，可以实现点击搜索框不改变大小的效果，恢复原状。