756437 - -moz-appearance: none;

Status: RESOLVED DUPLICATE of bug 605985

(Core :: Layout: Form Controls, defect)

Description

[Artūrs J.]

User Agent: Mozilla/5.0 (X11; Linux i686 on x86_64; rv:13.0) Gecko/20120321 Firefox/13.0a2
Build ID: 20120321042010

Steps to reproduce:

Add CSS rules for hiding native visual controls of following HTML DOM elements:
<select>
    <option></option>
</select>
<input type="search"/>
<input checked type="radio"/>
<input checked type="checkbox"/>

<style>
select, select option,
input[type=search],
input[type=radio],
input[type=checkbox]{
    appearance:none;
    -o-appearance:none;
    -ie-appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: #888 solid 1px;
    background: #ccc;
}
</style>


Actual results:

in drop-down box showing ugly arrow visualized as button, but in radio box and select box - show checkmarks

http://jsfiddle.net/j8WvL/


Expected results:

must not show any additional controls (hide them)

Comment 2

[Mounir Lamouri (:mounir)]

"-moz-appearance: none;" should be used when you want to remove the system appearance of your element and style it yourself. To hide it, you should use "visibility: hidden;" or "display: none;".

Comment 3

[Artūrs J.]

I want to remove the system appearance of your element and style it myself. But I can`t do it!

(In reply to Mounir Lamouri (:volkmar) (:mounir) from comment #2)
> "-moz-appearance: none;" should be used when you want to remove the system
> appearance of your element and style it yourself. To hide it, you should use
> "visibility: hidden;" or "display: none;".

Comment 4

[Artūrs J.]

Yes it is duplicate, but it stays with no-changes several years!
Try above HTML code in several browsers. And I don`t want hide controls, I just want restyle them! How can I do that?

Comment 5

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

I think we should have separate bug reports for checkboxes/radios and for any issues you see with selects.  There's already one for checkboxes/radios.  If there's not one for selects already, please file one (describing the issues with them), and mark this as a duplicate of either of those.

Comment 6

[Mounir Lamouri (:mounir)]

Select bug is bug 649849 I believe.
David, do you know which bug is the checkbox/radio one?

Comment 7

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

bug 605985