可通过 CSS 的 border-color 属性与：hover 伪类自定义 HTML5 搜索框边框颜色：一、内联 style 设置基础色；二、内部样式表统一控制；三、:hover 实现悬停变色并加 transition 动画；四、class 类名解耦复用；五、兼容旧浏览器的回退方案。
如果您在 HTML5 中使用 创建搜索框，但默认边框颜色不符合设计需求，或希望在鼠标悬停时动态改变边框颜色，则可通过 CSS 的 border-color 属性与：hover 伪类实现。以下是具体操作步骤：
一、使用内联 style 属性设置基础边框颜色
此方法适用于单个搜索框的快速样式定制，直接在 HTML 标签中通过 style 属性定义 border-color，避免引入外部 CSS 文件。
1、在 标签中添加 type=”search” 属性，并确保具有明确的 name 或 id 便于识别。
2、在 style 属性中写入 border: 2px solid #3498db;，其中 #3498db 为所需边框颜色的十六进制值。
立即学习 “ 前端免费学习笔记（深入）”；
3、可同时指定 border-radius 使边框呈圆角，例如 border-radius: 4px;。
二、通过内部
此方式便于对页面中多个搜索框统一控制样式，且保持 HTML 结构简洁，适用于中小型页面。
1、在
区域添加
