How to select Google search bar using CSS selector?

Question

The CSS code for the Google search bar is

<input id="input" type="search" autocomplete="off" spellcheck="false" role="combobox" placeholder="Search Google or type a URL" aria-live="polite">

But I am unable to select it using

input[type="search"]

What should be the code to select the Google search bar. You can test it in your browswer.

nisoojadhav · Accepted Answer · 2023-02-06 05:48:23Z

0

You can select your input in CSS:

input[type="search"]{
  //styles
}

Example:

input[type="search"]{
  background: #eee;
  padding: 10px;
  border-radius: 10px;
}

<input id="input" type="search" autocomplete="off" spellcheck="false" role="combobox" placeholder="Search Google or type a URL" aria-live="polite">

answered Feb 6, 2023 at 5:48

nisoojadhav

4715 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1