MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Compare Revisions

-moz-appearance (-webkit-appearance)

Change Revisions

Revision 335135:

Revision 335135 by teoli on

Revision 335139:

Revision 335139 by teoli on

Title:
-moz-appearance
-moz-appearance
Slug:
CSS/-moz-appearance
CSS/-moz-appearance
Tags:
"css", "CSS3", "CSS Reference", "CSS:Mozilla Extensions"
"css", "CSS3", "CSS Reference", "CSS:Mozilla Extensions"
Content:

Revision 335135
Revision 335139
n1091              <pre class="bruh: html">n1091              <pre class="brush: html">
nn1105            <div id="sampleSpinner" style="display:none">
1106              <pre class="brush:css">
1105            <div style="-moz-appearance: spinner; -webkit-appeara1107 div {-moz-appearance: spinner; -webkit-appearance: spinner; colo
>nce: spinner; color: transparent;">>r: black; }
1106              -1108</pre>
1107            </div>1109              <pre class="brush: html">
1110          &lt;div&gt;Lorem&lt;/div&gt;
1111</pre>
1112            </div>{{EmbedLiveSample("sampleSpinner",100,100)}}
nn1123            <div id="sampleSpinnerDownbutton" style="display:none
 >">
1124              <pre class="brush:css">
1118            <div style="-moz-appearance: spinner-downbutton; -web1125 div {-moz-appearance: spinner-downbutton; -webkit-appearance: sp
>kit-appearance: spinner-downbutton; color: transparent;">>inner-downbutton; color: black; }
1119              -1126</pre>
1120            </div>1127              <pre class="brush: html">
1128          &lt;div&gt;Lorem&lt;/div&gt;
1129</pre>
1130            </div>{{EmbedLiveSample("sampleSpinnerDownbutton",100
 >,100)}}
nn1141            <div id="sampleSpinnerTextfield" style="display:none"
 >>
1142              <pre class="brush:css">
1131            <div style="-moz-appearance: spinner-textfield; -webk1143 div {-moz-appearance: spinner-textfield; -webkit-appearance: spi
>it-appearance: spinner-textfield; color: transparent;">>nner-textfield; color: black; }
1132              -1144</pre>
1133            </div>1145              <pre class="brush: html">
1146          &lt;div&gt;Lorem&lt;/div&gt;
1147</pre>
1148            </div>{{EmbedLiveSample("sampleSpinnerTextfield",100,
 >100)}}
nn1159            <div id="sampleSpinnerUpbutton" style="display:none">
1160              <pre class="brush:css">
1144            <div style="-moz-appearance: spinner-upbutton; -webki1161 div {-moz-appearance: spinner-upbutton; -webkit-appearance: spin
>t-appearance: spinner-upbutton; color: transparent;">>ner-upbutton; color: black; }
1145              -1162</pre>
1146            </div>1163              <pre class="brush: html">
1164          &lt;div&gt;Lorem&lt;/div&gt;
1165</pre>
1166            </div>{{EmbedLiveSample("sampleSpinnerUpbutton",100,1
 >00)}}
nn1177            <div id="sampleSplitter" style="display:none">
1178              <pre class="brush:css">
1157            <div style="-moz-appearance: splitter; -webkit-appear1179 div {-moz-appearance: splitter; -webkit-appearance: splitter; co
>ance: splitter; color: transparent;">>lor: black; }
1158              -1180</pre>
1159            </div>1181              <pre class="brush: html">
1182          &lt;div&gt;Lorem&lt;/div&gt;
1183</pre>
1184            </div>{{EmbedLiveSample("sampleSplitter",100,100)}}
nn1195            <div id="sampleStatusBar" style="display:none">
1196              <pre class="brush:css">
1170            <div style="-moz-appearance: statusbar; -webkit-appea1197 div {-moz-appearance: statusbar; -webkit-appearance: statusbar; 
>rance: statusbar; color: transparent;">>color: black; }
1171              -1198</pre>
1172            </div>1199              <pre class="brush: html">
1200          &lt;div&gt;Lorem&lt;/div&gt;
1201</pre>
1202            </div>{{EmbedLiveSample("sampleStatusBar",100,100)}}
nn1213            <div id="sampleStatusBarPanel" style="display:none">
1214              <pre class="brush:css">
1183            <div style="-moz-appearance: statusbarpanel; -webkit-1215 div {-moz-appearance: statusbarpanel; -webkit-appearance: status
>appearance: statusbarpanel; color: transparent;">>barpanel; color: black; }
1184              -1216</pre>
1185            </div>1217              <pre class="brush: html">
1218          &lt;div&gt;Lorem&lt;/div&gt;
1219</pre>
1220            </div>{{EmbedLiveSample("sampleStatusBarPanel",100,10
 >0)}}
nn1231            <div id="sampleTab" style="display:none">
1232              <pre class="brush:css">
1196            <div style="-moz-appearance: tab; -webkit-appearance:1233 div {-moz-appearance: tab; -webkit-appearance: tab; color: black
> tab; color: transparent;">>; }
1197              -1234</pre>
1198            </div>1235              <pre class="brush: html">
1236          &lt;div&gt;Lorem&lt;/div&gt;
1237</pre>
1238            </div>{{EmbedLiveSample("sampleTab",100,100)}}
nn1249            <div id="sampleTabPanel" style="display:none">
1250              <pre class="brush:css">
1209            <div style="-moz-appearance: tabpanel; -webkit-appear1251 div {-moz-appearance: tabpanel; -webkit-appearance: tabpanel; co
>ance: tabpanel; color: transparent;">>lor: black; }
1210              -1252</pre>
1211            </div>1253              <pre class="brush: html">
1254          &lt;div&gt;Lorem&lt;/div&gt;
1255</pre>
1256            </div>{{EmbedLiveSample("sampleTabPanel",100,100)}}
nn1267            <div id="sampleTabPanels" style="display:none">
1268              <pre class="brush:css">
1222            <div style="-moz-appearance: tabpanels; -webkit-appea1269 div {-moz-appearance: tabpanels; -webkit-appearance: tabpanels; 
>rance: tabpanels; color: transparent;">>color: black; }
1223              -1270</pre>
1224            </div>1271              <pre class="brush: html">
1272          &lt;div&gt;Lorem&lt;/div&gt;
1273</pre>
1274            </div>{{EmbedLiveSample("sampleTabPanels",100,100)}}
nn1285            <div id="sampleTabScrollArrowBack" style="display:non
 >e">
1286              <pre class="brush:css">
1235            <div style="-moz-appearance: tab-scroll-arrow-back; -1287 div {-moz-appearance: tab-scroll-arrow-back; -webkit-appearance:
>webkit-appearance: tab-scroll-arrow-back; color: transparent;">> tab-scroll-arrow-back; color: black; }
1236              -1288</pre>
1237            </div>1289              <pre class="brush: html">
1290          &lt;div&gt;Lorem&lt;/div&gt;
1291</pre>
1292            </div>{{EmbedLiveSample("sampleTabScrollArrowBack",10
 >0,100)}}
tt1303            <div id="sampleTabScrollArrowForward" style="display:
 >none">
1304              <pre class="brush:css">
1248            <div style="-moz-appearance: tab-scroll-arrow-forward1305 div {-moz-appearance: tab-scroll-arrow-forward; -webkit-appearan
>; -webkit-appearance: tab-scroll-arrow-forward; color: transparen>ce: tab-scroll-arrow-forward; color: black; }
>t;"> 
1249              -1306</pre>
1250            </div>1307              <pre class="brush: html">
1308          &lt;div&gt;Lorem&lt;/div&gt;
1309</pre>
1310            </div>{{EmbedLiveSample("sampleTabScrollArrowForward"
 >,100,100)}}

Back to History