在搜索文本框中的悬停关闭图标上显示指针 [英] display pointer on hover close icon in search textbox

问题描述

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

I am using a input type search in my application. I want to display cursor:pointer when user mouse hover on x icon in search box , i tried to find out css for this but not find anything releated to this.

<input type="search">

推荐答案

也许这样的方法可以工作?

Perhaps something like this can work?

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

<input type="search">

这篇关于在搜索文本框中的悬停关闭图标上显示指针的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！