Comments on: appearance https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Fri, 20 Nov 2020 22:47:05 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Roger https://css-tricks.com/almanac/properties/a/appearance/#comment-1764663 Sun, 01 Nov 2020 12:42:35 +0000 http://css-tricks.com/?page_id=13911#comment-1764663 any body know how to remove the small cross button on the search bar? It seem generated by Chrome.

Chrome 86.0.4240.111
macOS 10.14

]]>
By: Guo Yunhe https://css-tricks.com/almanac/properties/a/appearance/#comment-1751775 Thu, 03 Oct 2019 11:44:40 +0000 http://css-tricks.com/?page_id=13911#comment-1751775 Opera supports it now. https://caniuse.com/#feat=css-appearance

]]>
By: lucifer164 https://css-tricks.com/almanac/properties/a/appearance/#comment-1653441 Tue, 27 Nov 2018 11:11:36 +0000 http://css-tricks.com/?page_id=13911#comment-1653441 In reply to Doug.

It works for me ^^. Thank you very much :D

]]>
By: Khánh https://css-tricks.com/almanac/properties/a/appearance/#comment-1615947 Fri, 09 Feb 2018 08:02:31 +0000 http://css-tricks.com/?page_id=13911#comment-1615947 In reply to Doug.

Great, Thanks u so much!!!

]]>
By: Mottie https://css-tricks.com/almanac/properties/a/appearance/#comment-1613981 Sun, 24 Dec 2017 18:26:11 +0000 http://css-tricks.com/?page_id=13911#comment-1613981 Please update the list. There is no reference to:

-moz-appearance: checkbox-small;
-moz-appearance: dialog;
-moz-appearance: radio-small;
-moz-appearance: scrollbar;
-moz-appearance: tab-left-edge Obsolete;
-moz-appearance: window;

And there are a ton of missing properties. Too many for me to list out here. See the offical MDN docs

]]>
By: Noor https://css-tricks.com/almanac/properties/a/appearance/#comment-1607404 Mon, 13 Mar 2017 03:32:37 +0000 http://css-tricks.com/?page_id=13911#comment-1607404 In reply to Doug.

Works good. Thanks!

]]>
By: Arnout https://css-tricks.com/almanac/properties/a/appearance/#comment-1607017 Fri, 24 Feb 2017 10:17:07 +0000 http://css-tricks.com/?page_id=13911#comment-1607017 The default appearance is supported in IE Edge (v12+)

]]>
By: Anwar https://css-tricks.com/almanac/properties/a/appearance/#comment-1602330 Mon, 20 Jun 2016 15:22:02 +0000 http://css-tricks.com/?page_id=13911#comment-1602330 What are peoples’ thoughts on:

form {
  * {
     appearance: none;
  }
}

On another note; it pleases me very much that CSS Tricks show up more and more often as the top Google/DuckDuckGo result.

I happened on this page searching for ‘appearance none’

FTW

]]>
By: Michael https://css-tricks.com/almanac/properties/a/appearance/#comment-1598409 Thu, 03 Dec 2015 21:16:11 +0000 http://css-tricks.com/?page_id=13911#comment-1598409 In reply to Doug.

Fantastic! This was the missing piece of the puzzle for me!

]]>
By: Doug https://css-tricks.com/almanac/properties/a/appearance/#comment-1597766 Fri, 30 Oct 2015 16:44:09 +0000 http://css-tricks.com/?page_id=13911#comment-1597766 Joao Cunha’s link was great, he also added a fix for Internet Explorer. The most current answer:

select {
-webkit-appearance: none;
-moz-appearance: none;
}

select::-ms-expand {
display: none;
}

]]>
By: Nathan https://css-tricks.com/almanac/properties/a/appearance/#comment-1594224 Sun, 03 May 2015 21:44:18 +0000 http://css-tricks.com/?page_id=13911#comment-1594224 Hey Chris, just wanted to let you know that you’ve got a link to https://css-tricks.com/7261-webkit-html5-search-inputs/ up there where you talk about Safari search inputs, which is a 404. Feel free to delete this comment, just thought it’d be the easiest way to get this to you.

]]>
By: Bob https://css-tricks.com/almanac/properties/a/appearance/#comment-1593632 Thu, 02 Apr 2015 19:58:01 +0000 http://css-tricks.com/?page_id=13911#comment-1593632 On iPad 3 with iOS 8 in Safari it doesn’t work.

]]>
By: Peter https://css-tricks.com/almanac/properties/a/appearance/#comment-1592723 Tue, 24 Feb 2015 09:03:16 +0000 http://css-tricks.com/?page_id=13911#comment-1592723 In reply to Craig Reville.

I’d just force redirect the IE users to the chrome/safari download page

]]>
By: Brian https://css-tricks.com/almanac/properties/a/appearance/#comment-1592012 Tue, 20 Jan 2015 05:14:03 +0000 http://css-tricks.com/?page_id=13911#comment-1592012 none of the solutions provided work for me, anyone else have an idea how to hide the select arrow on firefox for android?

]]>
By: jul https://css-tricks.com/almanac/properties/a/appearance/#comment-1587755 Wed, 24 Dec 2014 11:24:35 +0000 http://css-tricks.com/?page_id=13911#comment-1587755 In reply to João Cunha.

Yep, this doesn’t work.
Using Firefox 34.0.5, opening the example in codepen, the arrow is still there.

Since I was using a background image for different arrows, what I’m doing now is using this way of targeting Firefox (thx nathansmith):
https://gist.github.com/joaocunha/6273016/#comment-944635
to remove my custom background image and just leave the default arrow. Works & doesn’t appear broken = compatible :)

]]>