diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/_doublecolon_file-selector-button/index.md | |
parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip |
convert content to md
Diffstat (limited to 'files/fr/web/css/_doublecolon_file-selector-button/index.md')
-rw-r--r-- | files/fr/web/css/_doublecolon_file-selector-button/index.md | 45 |
1 files changed, 24 insertions, 21 deletions
diff --git a/files/fr/web/css/_doublecolon_file-selector-button/index.md b/files/fr/web/css/_doublecolon_file-selector-button/index.md index 67030cc606..ffb7931294 100644 --- a/files/fr/web/css/_doublecolon_file-selector-button/index.md +++ b/files/fr/web/css/_doublecolon_file-selector-button/index.md @@ -9,45 +9,48 @@ tags: translation_of: Web/CSS/::file-selector-button original_slug: Web/CSS/::-webkit-file-upload-button --- -<div>{{CSSRef}}{{Non-standard_header}}</div> +{{CSSRef}}{{Non-standard_header}} -<p>Le pseudo-élément <strong><code>::-webkit-file-upload-button</code></strong> représente le bouton d'un élément {{HTMLElement("input")}} de type <code>file</code>.</p> +Le pseudo-élément **`::-webkit-file-upload-button`** représente le bouton d'un élément {{HTMLElement("input")}} de type `file`. -<p>Ce pseudo-élément n'est pas standard et est uniquement pris en charge par les navigateurs basés sur WebKit/Blink.</p> +Ce pseudo-élément n'est pas standard et est uniquement pris en charge par les navigateurs basés sur WebKit/Blink. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><var>selecteur</var>::-webkit-file-upload-button -</pre> + selecteur::-webkit-file-upload-button -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="CSS">CSS</h3> +### CSS -<pre class="brush: css">input, label { +```css +input, label { display: block; } input[type=file]::-webkit-file-upload-button { border: 1px solid grey; background: #FFFAAA; -}</pre> +} +``` -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush: html"><form> - <label for="fileUpload">Uploader un fichier</label><br> - <input type="file" id="fileUpload"> -</form></pre> +```html +<form> + <label for="fileUpload">Uploader un fichier</label><br> + <input type="file" id="fileUpload"> +</form> +``` -<h3 id="Résultat">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample('Exemples')}}</p> +{{EmbedLiveSample('Exemples')}} -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification.</p> +Ce pseudo-élément est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification. -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("css.selectors.-webkit-file-upload-button")}}</p> +{{Compat("css.selectors.-webkit-file-upload-button")}} |