css - 输入类型="search"元素里面增加放大镜图标

Question

Hello, how can i increase the "size" of the magnifying glass Icon inside the input type="search" element. I am using jQueryMobile.

到目前为止我试过这个:

.ui-input-text input, .ui-input-search input{
    font-size: 24px !important;
    height: 60px !important;
}

.ui-icon-search:after{
    font-size: 300px !important;
    width: 200px !important; 
}

我的 FIDDLE .

不幸的是，即使使用浏览器检查器，我也找不到更多信息。

Answer 1

您的选择器(.ui-input-search:after 是正确的)是错误的，它是背景图像而不是字体图标，因此字体大小不会影响显示放大图标。

下面应该让您了解它是如何工作的:

.ui-input-search:after{
    display: block;
    width: 30px !important;
    height: 30px !important;
    background-size: contain;
}