Question

您好，我怎样才能增加＆＃34;尺寸＆＃34;放大镜图标在输入类型内=＆＃34;搜索＆＃34;元件。我正在使用 jQueryMobile 。

到目前为止我试过这个：

public static void main(String[] args) {
    for (int index = 9824; index <= 9831; index++) {
        System.out.print("" + (char) index);
    }
}

我的FIDDLE。

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

Answer 1

你的选择器（.ui-input-search:after是对的）是错误的，它是背景图像而不是字体图标，所以font-size不会对显示的放大图标产生影响。

以下内容应该让您知道它是如何工作的：

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

Answer 2

代码有两个问题

1）放大镜不是文字而是图像，所以你不能明显增加它的font-size或宽度或高度。您需要用更大的图像替换图像或使用background-size控制图像然后增加宽度和宽度。高度与背景大小相匹配。

.ui-input-search:after{
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}

2）您正试图使用错误的.ui-icon-search:after来控制该图标。 :after位于.ui-input-search:after。

Answer 3

由于它是背景图片，因此增加字体大小不会发生任何变化。相反 -

首先让background-size更大，如：

.ui-alt-icon.ui-icon-search::after, .ui-alt-icon .ui-icon-search::after, .ui-input-search::after {
  background-size: 20px 20px;
}

然后根据background-size，您可以增加element＆＃39; s height，width，如：

.ui-input-search::after{
    height: 20px;
    width: 20px;
}