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/

созданный 4y | 18 нояб. 2021 г., 00:20:39


Войдите, чтобы добавить комментарий

Другие сообщения в этой группе

Creating an Auto-Closing Notification With an HTML Popover

The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Popovers can be dismissed a number of ways, but there

9 июн. 2025 г., 14:50:20 | CSS tricks
Better CSS Shapes Using shape() — Part 3: Curves

This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve

6 июн. 2025 г., 15:10:24 | CSS tricks
The State of CSS 2025 Survey is out!

The State of CSS 2025 Survey dropped a few days ago, and besides anticipating the results, it's exciting to see a lot of the new things shipped to CSS reflected in the questions.

<hr /

5 июн. 2025 г., 18:20:09 | CSS tricks
Exploring the CSS contrast-color() Function… a Second Time

The contrast-color() function doesn’t check color contrast, but rather it outright resolves to either black or white (whichever one contrasts the most with your chosen color). Safari T

5 июн. 2025 г., 16:10:06 | CSS tricks
Getting Creative With HTML Dialog

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I

3 июн. 2025 г., 15:20:18 | CSS tricks
Better CSS Shapes Using shape() — Part 2: More on Arcs

This is the second part of a series that dives deep into the CSS shape() command, continuing with a more detailed look at the arc command.


30 мая 2025 г., 13:50:17 | CSS tricks
What We Know (So Far) About CSS Reading Order

The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order o

27 мая 2025 г., 14:10:05 | CSS tricks