【问题标题】:Remove search icon from ui-filterable?从 ui-filterable 中删除搜索图标?
【发布时间】:2016-04-25 18:31:42
【问题描述】:

我的表单如下所示:

代码如下:

<form class="ui-filterable" id="ex-search">
    <input id="rich-autocomplete-input" data-type="search" placeholder="Search Exercise" />
</form>

如何删除搜索图标?我尝试了一些不同的选项,例如更改背景图像、编辑边距等,但无法将其删除。

【问题讨论】:

  • 在 css 中尝试.ui-filterable:before{content:"" !important}
  • 你的 CSS 在哪里?如果您希望我们提供帮助,我们需要看到这一点。
  • .ui-filterable:before{content:"" !important} 不起作用 :( 我没有对 CSS 进行任何更改,它使用的是默认样式。

标签: jquery css jquery-mobile


【解决方案1】:

尝试将其添加到您的 CSS:

.ui-input-search:after {
  content: none !important;
}

.ui-input-search input {
  padding-left: 0.75em !important;
}

【讨论】:

  • 成功了,非常感谢!当您在框中键入内容时,您知道如何删除右侧弹出的“X”吗?这不是一个大问题,但没有它看起来会很好。
  • @user3049858 查看我在 Google 上搜索您的请求时出现的这个网站:geektnt.com/…
猜你喜欢
  • 1970-01-01
  • 2015-01-31
  • 1970-01-01
  • 1970-01-01
  • 2018-03-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多