代码之家  ›  专栏  ›  技术社区  ›  flash

在css中更改输入搜索表单的背景色

  •  0
  • flash  · 技术社区  · 6 年前

    我在做一个 website 其中,当从中选择任何项时,输入搜索表单中的背景色变为黄色,如下所示 搜索项目的历史记录 从占位符的第一个输入搜索栏 what are you looking for..

    enter image description here

    HTML格式:

    我用来制作上述输入搜索栏的HTML代码是:

    <div class="input-searchicon">
       <input class="form-control search_ruckify mb-4" type="text" name="filter[keywords][keywords]"
          placeholder="what are you looking for..." required>
       <span class="fa fa-search searchicon" aria-hidden="true "></span>
    </div>
    

    CSS:

    .input-searchicon input
    {
    text-align: center;
    }
    



    问题陈述:

    我想知道我需要添加什么CSS代码,以便在从搜索的项目历史中选择一个项目时,没有黄色背景色。

    2 回复  |  直到 6 年前
        1
  •  0
  •   Amjad Rehman A    6 年前

    检查你是否处于怪癖状态

    火狐 歌剧院 您可以通过检查页面信息来确定浏览器是否处于“古怪模式”。

    使用 document.compatMode ,将告诉您大多数浏览器的模式。

    , 游猎 ,然后IE,在地址栏中运行此javascript:

    javascript:window.alert('You are in ' + (document.compatMode==='CSS1Compat'?'Standards':'Quirks') + ' mode.')
    

    (请注意,由于最近的安全性更改,在粘贴到地址栏后,需要重新键入javascript:partion)

    如果你是在怪癖模式下的问题是确定的。当你主持这个项目的时候就可以了。

    解决方案:

    换句话说,所有浏览器都需要两种模式:旧规则的quirks模式,标准规则的strict模式IE Mac是第一个实现这两种模式的浏览器,IE Windows 6、Mozilla、Safari和Opera也紧随其后IE 5窗口,以及像Netscape 4这样的老浏览器,被永久地锁定在古怪的模式下。

    选择要使用的模式需要一个触发器,这个触发器可以在“doctype switching”中找到根据标准,任何(X)HTML文档都应该有一个doctype,它告诉全世界文档使用的是(X)HTML的哪种风格。

    • 在标准化浪潮之前(或尽管如此)写的旧页 没有doctype因此,没有doctype意味着quirks模式: 按照旧规则表演。
    • 相反,如果web开发人员足够聪明,能够包含 博士,他可能知道他在做什么因此,大多数doctype 触发严格模式:按纯标准显示。
    • 任何新的或未知的doctype都会触发严格模式。
    • 问题是,一些用古怪模式编写的页面确实有 文档类型因此,每个浏览器都有自己的文档类型列表 触发怪癖模式有关 这些列表的概述。