@@ -593,13 +593,13 @@ which can neither be replicated nor styled using CSS.
593
593
594
594
This specification introduces the 'appearance' property
595
595
to provide some control over this behavior.
596
- In particular, using ''appearance: none'' allows authors
596
+ Using ''appearance: none'' allows authors
597
597
to suppress the native style of form controls,
598
598
so that CSS can be used to fully restyle them.
599
599
600
600
<pre class="propdef">
601
601
Name : appearance
602
- Value : ''auto'' | ''none'' | ''button''
602
+ Value : ''auto'' | ''none''
603
603
Initial : auto
604
604
Applies To : all elements
605
605
Inherited : no
@@ -609,8 +609,8 @@ Media: all
609
609
610
610
Issue: Should ''appearance/auto'' compute to ''appearance/none'' on regular elements?
611
611
I would say no:
612
- to be consistent, we should then have ''appearance/auto'' compute to ''button'' on buttons, etc.
613
612
If we did that,
613
+ to be consistent,
614
614
every time we introduced a new value,
615
615
we would change what ''appearance/auto'' computes to on some elements,
616
616
which doesn't sounds desirable.
@@ -626,17 +626,15 @@ sometimes used to implement form controls.
626
626
Moreover, many values of such an enumeration only make sense
627
627
on a single element or pseudo-element,
628
628
and are never used outside of the UA stylesheet.
629
- Instead, this specification will only provide
630
- ''appearance/auto'' , ''appearance/none'' , and
631
- values which are useful in an author or user stylesheet
632
- and for which interoperability can be achieved.
629
+ Instead, this specification only provides
630
+ ''appearance/auto'' , ''appearance/none'' .
633
631
UAs cannot therefore use the 'appearance' property
634
632
in the UA stylesheet to give each control is native look and feel,
635
633
and must use ''appearance:auto'' instead.
636
634
637
- Issue: IE supports -webkit-appearance, and also includes the textfield value .
635
+ Issue: IE supports -webkit-appearance, and also includes the textfield and button values .
638
636
Presumably this was done due to compatibility problems,
639
- so we may want to include it as well.
637
+ so we may need to include it as well.
640
638
641
639
<dl dfn-type=value dfn-for=appearance>
642
640
<dt> <dfn>auto</dfn>
@@ -653,18 +651,9 @@ so we may want to include it as well.
653
651
654
652
Issue: Shouldn't this be called "normal" instead?
655
653
''appearance/none'' makes it sound like the targeted element will disappear.
656
- <dt> <dfn>button</dfn>
657
- <dd> The element is rendered with the look and feel of a push button,
658
- similar to the rendering of the HTML <{button}> element.
659
-
660
- Issue: There are strong concerns as to whether this property should have any value
661
- other than ''appearance/auto'' and ''appearance/none'' .
662
- The ''appearance/button'' value may be necessary due to backward compatibility concerns,
663
- but if it is not, there is a strong possibility that it will be dropped.
664
654
</dl>
665
655
666
656
On form control elements where the computed value is ''appearance/auto''
667
- and on other elements where the computed value is neither ''appearance/auto'' nor ''appearance/none'' ,
668
657
UAs may disregard some CSS properties
669
658
to ensure that the intended appearance is preserved,
670
659
or because these property may not be meaningful for the chosen appearance.
@@ -744,11 +733,10 @@ For example, regardless of the computed value of 'appearance':
744
733
(although it may look different).
745
734
<li> Event handlers attached to the element trigger as usual.
746
735
</ul>
736
+
747
737
Conversely, changing the appearance of an element must not cause it
748
- to acquire the semantics, pseudo classes, event handlers, etc
749
- that are typical of the element whose appearance it acquires.
750
- For example, neither '':enabled'' nor '':disabled'' match on
751
- a <{div}> styled with ''appearance: button'' .
738
+ to acquire new semantics, pseudo classes, event handlers, etc
739
+ that it did not initially have.
752
740
The ability for an element to be focused
753
741
is also not changed by the 'appearance' property.
754
742
0 commit comments