教你用css3实现图片容器内等比缩放,教你用c3实现图片容器内等比缩放......
2023-03-16 337 CSS
css如何实现拼音搜索置高亮
来源：互联网
2023-03-16 19:10:41 209
CSS是我们在前端开发中，常用到的样式语言，可以方便的修饰出我们所需要的风格，今天就来介绍下，css如何实现拼音搜索置高亮。
工具/原料
- Eclipse-4.11.0
- jdk8
- Tomcat v8.5
- 谷歌浏览器chrome75.0.11
方法/步骤
在Eclipse里面，新建一个web项目，然后再新建一个html页面，如图所示。
将该页面的名称取名为H10.html，为纯H5的页面，如图所示。
在body里面输入：
span>搜索框：input type="text" class="aaa"/>/span>
即新建一个搜索框，类为aaa。
然后将该项目部署到tomcat并且启动，在谷歌浏览器里输入ip，端口，项目名称，页面名称，如图所示，访问。可以看到此时鼠标放到输入框时，输入框并没有什么变化。
然后我们在代码里加入：
style type="text/css">
.aaa:HOVER{
border-color:rgba(141,39,142,.75);
}
/style>
修饰aaa类，当鼠标放上去是，改变输入框边框的颜色。
保存项目后，再次刷新浏览器，可以看到此时鼠标放上去，输入拼音搜索会变得高亮，如图所示。
注意事项
- 也可以使用js等方式，使拼音搜索变高亮。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： CSS
上一篇：如何用CSS只制作删除线和下划线 下一篇：Axure怎么生成HTML文件
相关文章
- 详细阅读
-
怎么用div布局加css样式做网页详细阅读
怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 479 CSS
-
css基础教程：[1]为网页使用网络字体详细阅读
![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 327 CSS