css - 在搜索文本框中的悬停关闭图标上显示指针

标签 css html

我在我的应用程序中使用输入类型搜索。当用户鼠标悬停在搜索框中的 x 图标上时,我想显示 cursor:pointer,我试图为此找到 css,但没有找到与此相关的任何内容。

enter image description here

<input type="search">

最佳答案

也许像这样的东西可以工作?

input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover { 
    cursor:pointer; 
}
<input type="search">

关于css - 在搜索文本框中的悬停关闭图标上显示指针,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46791545/

相关文章:

javascript - 如何(有效地)将标题添加到由 javascript 填充的 Bootstrap 轮播

html - 元素在 css 属性显示中以错误的格式显示

css - 使 Bootstrap 输入组全宽

html - html2pdf是否支持渐变

javascript - 尝试在greasemonkey中获取背景图像文件大小

html - IE7 不在无序列表上显示列表样式图像?

html - 如何使用按钮隐藏 <select> 和切换(打开)

javascript - CSS JS 下拉菜单 : Extend the hover area beyond the image link

jquery - 如何使用动态生成的名称获取单选按钮的值

html - 将元素符号点放在新行上