aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/css/_colon_-moz-submit-invalid/index.html
blob: 75cd48a3f0a617646c13b2f7a100fc53002c7866 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
---
title: ':-moz-submit-invalid'
slug: 'Web/CSS/:-moz-submit-invalid'
tags:
  - CSS
  - No estandar
  - Pseudo clase CSS
  - Referencia CSS
translation_of: 'Web/CSS/:-moz-submit-invalid'
---
<p>{{Non-standard_header}}{{ CSSRef() }}</p>

<h2 id="Resumen">Resumen</h2>

<p>La <a href="/es/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-clase</a> CSS <code>:-moz-submit-invalid</code>  representa cualquier botón de enviar de formularios cuyos contenidos no sean válidos conforme a las  <a href="/en/HTML/Forms_in_HTML#Constraint_Validation" title="es/HTML/HTML5/Forms in HTML5#Constraint Validation">restricciones de validación HTML</a>.</p>

<p>Por defecto no se aplica ningún estilo. Puedes usar tu estilo para personalizar la apariencia del botón de enviar cuando existen campos no válidos en el formulario.</p>

<h2 id="Compatibilidad_con_los_distintos_navegadores">Compatibilidad con los distintos navegadores</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Soporte Básico</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatGeckoDesktop("2") }}</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatNo() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Soporte básico</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatGeckoMobile("2") }}</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatNo() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Ver_además">Ver además</h2>

<ul>
 <li>{{ cssxref(":valid") }}</li>
 <li>{{ cssxref(":invalid") }}</li>
 <li>{{ cssxref(":required") }}</li>
 <li>{{ cssxref(":optional") }}</li>
</ul>