What do you get for using a search input type?

Like this:

You get an extra-round-y appearance in Safari, which at one time matched the macOS look for search inputs, but not really anymore. I don’t hate the look, except… Safari totally ignores the font-size you set on

The post What do you get for using a search input type? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/what-do-you-get-for-using-a-search-input-type/

Created 4y | Nov 18, 2021, 12:20:39 AM


Login to add comment

Other posts in this group

How to Prepare for CSS-Specific Interview Questions

Get advice answering a set of 10 CSS-related questions you likely will encounter in front-end interviews.


Aug 8, 2025, 2:30:14 PM | CSS tricks
Bringing Back Parallax With Scroll-Driven CSS Animations

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have

Aug 6, 2025, 1:50:10 PM | CSS tricks
Thinking Deeply About Theming and Color Naming

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.


Aug 4, 2025, 3:30:17 PM | CSS tricks
Keeping Article Demos Alive When Third-Party APIs Die

Is there a way to build demos that do not break when the services they rely on fail? How can we ensure educational demos stay available for as long as possible?


Jul 30, 2025, 3:10:10 PM | CSS tricks
Making a Masonry Layout That Works Today

I went on to figure out how make masonry work today with other browsers. I'm happy to report I've found a way — and, bonus! — that support can be provided with only 66 lines of JavaScript.

<hr

Jul 28, 2025, 2:20:22 PM | CSS tricks
How to Discover a CSS Trick

Do we invent or discover CSS tricks? Lee Meyer discusses how creative limitations, recursive thinking, and unexpected combinations lead to his most interesting ideas.


Jul 25, 2025, 2:30:15 PM | CSS tricks
Atomic Design Certification Course

Brad Frost introduced the “Atomic Design” concept wayyyy back in 2013. He even

Jul 24, 2025, 5:30:21 PM | CSS tricks