#1 Le 23/04/2007, à 07:54
- Osku
Firefox (css) boutons radios, input et textarea plus jolis par défaut
Hello,
Petite astuce pour rendre plus joli firefox :
Ouvrer un terminal et taper les lignes suivantes :
wget http://www.riborest.eu/data/firefox-form-widgets-ots.tar.gz
tar -xvzf firefox-form-widgets-ots.tar.gz
sudo cp /usr/lib/firefox/res/forms.css /usr/lib/firefox/res/forms.css.bak
cat firefox-form-widgets-ots/res/forms-extra.css | sudo tee --append /usr/lib/firefox/res/forms.css >> /dev/null
sudo cp -r firefox-form-widgets-ots/res/form-widgets/ /usr/lib/firefox/res
rm -rf firefox-form-widgets-ots
relancer firefox et voilà.
Fasten your seat belt while seated
Carac ordi / Bug n°1 /
Du libre et du sport
Hors ligne
#2 Le 23/04/2007, à 08:17
- Compte anonymisé
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Ca m'a fait disparaitre mes boutons radios.
Dernière modification par Compte anonymisé (Le 24/04/2007, à 17:01)
#3 Le 23/04/2007, à 08:37
- naholyr
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Attention, si à partir des commandes qu'il a indiquées tu ne sais pas revenir en arrière, ça veut dire que tu ne sais pas ce que tu as tapé. Il faut faire attention quand on applique une méthode dans le premier post venu, il aurait très bien pu faire une blague et te faire effacer définitivement ta config vidéo comme ça s'est déjà vu par exemple. Soyez prudents tout de même...
Sinon, pour revenir en arrière, il a pris soin de te faire taper une commande de sauvegarde sudo cp /usr/lib/firefox/res/forms.css /usr/lib/firefox/res/forms.css.bak donc il suffit de faire la commande inverse
sudo cp /usr/lib/firefox/res/forms.css.bak /usr/lib/firefox/res/forms.css
Et pour supprimer les fichiers supplémentaires copiés (pas nécessaire, c'est juste pour faire de la place vu qu'on ne les utilise pas du coup) :
sudo rm -rf /usr/lib/firefox/res/form-widgets/
Messagerie instantanée : naholyr@jabber.fr
Envoyer vos images sur le web d'un clic !
Choix du système à rebooter (graphique)
Hors ligne
#4 Le 23/04/2007, à 09:49
- Osku
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Loin de moi l'idée de faire une blague tout de même..
Pour la petite précision, j'ai pris le soin d'ouvrir un terminal et de me placer dans /home/mon_user/
Les commandes en question ne fonctionnent donc pas ?
J'ai pourtant tapé ça chez moi.. et c'est passé.
Curieux.
La commande
rm -rf firefox-form-widgets-ots
permet d'effacer le répertoire créé sur son compte après détarrage du fichier téléchargé. Si on s'est placé dans le répertoire /usr/lib/firefox pendant les étapes, les boutons radios peuvent disparaitre..
Désolé pour les différentes gênes occasionnées..
Dîtes moi si je dois éditer mon post.:)
[edit] ortograhe + compléments
Dernière modification par Osku (Le 23/04/2007, à 09:51)
Fasten your seat belt while seated
Carac ordi / Bug n°1 /
Du libre et du sport
Hors ligne
#5 Le 23/04/2007, à 10:07
- Compte anonymisé
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Attention, si à partir des commandes qu'il a indiquées tu ne sais pas revenir en arrière, ça veut dire que tu ne sais pas ce que tu as tapé.
Si je savais.
J'ai dl manuellement le truc et tout installé, ça fonctionne bien, c'est bien plus joli.:)
Dernière modification par Compte anonymisé (Le 23/04/2007, à 10:08)
#6 Le 23/04/2007, à 11:21
- naholyr
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Loin de moi l'idée de faire une blague tout de même..
Ben non je sais bien, le message n'était pas destiné aux auteurs mais aux lecteurs je rappelais juste qu'il ne faut pas taper des commandes sorties d'un forum ou d'un wiki sans avoir pris quelques précautions avant (demander confirmation que ce n'est pas "piégé" à quelqu'un qui sait, ou vérifier qu'il s'agit d'une source officielle).
Messagerie instantanée : naholyr@jabber.fr
Envoyer vos images sur le web d'un clic !
Choix du système à rebooter (graphique)
Hors ligne
#7 Le 24/04/2007, à 15:54
- Alain.g
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Merci pour le truc
C'est vrai que les boutons type "radio" par défaut sont vraiment très moches (dégueu... je dirais même) !
Là c'est quand même autre chose maintenant !
Dernière modification par Alain.g (Le 24/04/2007, à 15:55)
Xubuntu Karmic !
Hors ligne
#8 Le 24/04/2007, à 16:42
- cRm
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
mais lol ^^
n1 shamanphenix omg, quand meme avant de copier coller regarde un peu ce que tu fais j'ai explosé de rire en lisant sa.. (sans mechanceté ofc)
anyway je testerai sa soon
merci
Hors ligne
#9 Le 24/04/2007, à 17:01
- Compte anonymisé
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Ben, j'ai tout installé manuellement après, et ça a marché.
Je ne vois pas ce qui a pu planter dans la commande.
#10 Le 24/04/2007, à 17:10
- Alain.g
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Je ne vois pas ce qui a pu planter dans la commande.
Tu as du copier-coller tout d'un bloc peut-être
Xubuntu Karmic !
Hors ligne
#11 Le 25/04/2007, à 13:49
- Osku
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Merci pour le truc
Il y a pas de quoi
C'est fait pour.
Fasten your seat belt while seated
Carac ordi / Bug n°1 /
Du libre et du sport
Hors ligne
#12 Le 26/04/2007, à 05:14
- lapin7
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
J'ai juste modifier cette partie du css
textarea {
border:1px solid ThreeDShadow;
margin: 2px;
padding: 3px 3px;
text-align: start; /* rajout de cette ligne */
}
pour avoir le curseur en début du champ texte
Dernière modification par lapin7 (Le 26/04/2007, à 05:15)
Hors ligne
#13 Le 26/04/2007, à 06:36
- misaine
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
sur feisty /usr/lib/firefox/res est un lien qui pointe vers /usr/share/firefox/res.
faut il modifier les commandes en conséquence ?
edit: je me réponds -->non , pas nécessaire
Dernière modification par misaine (Le 26/04/2007, à 08:06)
la roue tourne...c'est sûr! c'est même pour ça qu'on l'a inventée.
Hors ligne
#14 Le 26/04/2007, à 07:12
- Alain.g
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
J'ai juste modifier cette partie du css pour avoir le curseur en début du champ texte
Je n'ai laissé que le code pour les images des boutons radio et check. C'est la seule chose qui me gênait avant (et peut-être aussi les bordures)
Par ailleurs, avec ces !important partout, les styles auteur risquaient de ne pas être aussi complètement rendus que sur un firefox "normal".
Dernière modification par Alain.g (Le 26/04/2007, à 09:23)
Xubuntu Karmic !
Hors ligne
#15 Le 27/04/2007, à 21:56
- Sylphe
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
les styles auteur risquaient de ne pas être aussi complètement rendus que sur un firefox "normal".
Certains boutons apparaissent de la même forme que le screen plus haut alors qu'ils ne devraient pas (ex le bouton search de deviantART) c'est ça dont tu parles?
Parce que je veux bien savoir comment corriger ça.
Hors ligne
#16 Le 28/04/2007, à 21:25
- Alain.g
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Bonsoir
Oui c'est bien de ça dont je veux parler.
Dans ce cas précis, il faudrait au moins enlever le !important pour la couleur et la couleur de fond de second bloc de déclaration (qui concerne "input[type=submit]"). Et la marge de 2px du premier bloc pose problème.
Pour ma part j'ai quasiment laissé comme l'original, sauf pour les boutons radio (vraiment trop moche). Pour le reste je préfère me pencher vraiment sur le sujet avant.
Il faudrait arriver à une qualité d'affichage équivalente à celle de firefox windows mais sans nuire à l'affichage des sites qui auraient stylé les éléments de formulaire (comme devianart).
Dernière modification par Alain.g (Le 28/04/2007, à 21:28)
Xubuntu Karmic !
Hors ligne
#17 Le 29/04/2007, à 22:27
- belga
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Pourquoi un logiciel libre arrive a être plus beau sur
windows que linux???????? j'ai dur a avalé.
Multi-bomb : Multi-doze : Mandoze, Ubundoze, Pardoze.
900s entre deux postes: mododoze
Hors ligne
#18 Le 29/04/2007, à 23:10
- Bluescreenjunky
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Peut-être parcequ'ils préfèrent passer du temps à peaufiner la version que 90% des utilisateurs utiliseront (la version windows donc) que la version linux.
Ou bien tout simplement que windows XP permet plus facilement d'appliquer le thème du bureau aux boutons firefox que gnome.
Quoiqu'il en soit je vais regarder un peu tout ça, parceque j'avoue que par défaut c'est pas très beau quand même ^^;
Hors ligne
#19 Le 30/04/2007, à 00:35
- belga
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Oui mais ces programmeurs ils aiment le libre non.
Dommage. Ce n'est pas en offrant meilleur sur le propriétaire
qu'ils propageront le libre.
C'est vrai que c'est pas beau.
C'est déjà mieux avec le truc d'osku, merci.
Dernière modification par belga (Le 06/07/2007, à 23:25)
Multi-bomb : Multi-doze : Mandoze, Ubundoze, Pardoze.
900s entre deux postes: mododoze
Hors ligne
#20 Le 30/04/2007, à 08:03
- Compte anonymisé
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Firefox est développé en priorité pour Windows, c'est un choix des chefs de projet de la Mozilla foundation.
Et on peut le regretter, en effet.
#21 Le 30/04/2007, à 08:32
- adiGuba
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Salut,
Par ailleurs, avec ces !important partout, les styles auteur risquaient de ne pas être aussi complètement rendus que sur un firefox "normal".
Perso j'ai viré tous les !important et cela marche très bien (et je n'ai pas de problème de style sur les sites qui modifient l'apparence des boutons).
Mon forms.css :
/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is mozilla.org code.
*
* The Initial Developer of the Original Code is
* Netscape Communications Corporation.
* Portions created by the Initial Developer are Copyright (C) 1998
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
*
* Alternatively, the contents of this file may be used under the terms of
* either of the GNU General Public License Version 2 or later (the "GPL"),
* or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
/**
Styles for old GFX form widgets
**/
@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
*|*::-moz-fieldset-content {
display: block;
height: 100%; /* Need this so percentage heights of kids work right */
}
/* miscellaneous form elements */
legend {
padding-left: 2px;
padding-right: 2px;
border: none;
position: static;
float: none;
}
fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding: 0.35em 0.625em 0.75em;
border: 2px groove ThreeDFace;
}
label {
cursor: default;
}
/* default inputs, text inputs, and selects */
/* Note: Values in nsNativeTheme IsWidgetStyled function
need to match textfield background/border values here */
input {
-moz-appearance: textfield;
/* The sum of border-top, border-bottom, padding-top, padding-bottom
must be the same here, for buttons, and for <select> (including its
internal padding magic) */
padding: 1px 0 1px 0;
border: 2px inset ThreeDFace;
background-color: -moz-Field;
color: -moz-FieldText;
font: -moz-field;
line-height: normal;
text-align: start;
text-transform: none;
word-spacing: normal;
letter-spacing: normal;
cursor: text;
-moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
text-indent: 0;
-moz-user-select: text;
}
input > .anonymous-div {
white-space : nowrap;
}
textarea {
margin: 1px 0 1px 0;
border: 2px inset ThreeDFace;
background-color: -moz-Field;
color: -moz-FieldText;
font: medium -moz-fixed;
text-align: start;
text-transform: none;
word-spacing: normal;
letter-spacing: normal;
vertical-align: text-bottom;
cursor: text;
-moz-binding: url("chrome://global/content/platformHTMLBindings.xml#textAreas");
-moz-appearance: textfield;
text-indent: 0;
-moz-user-select: text;
}
textarea > scrollbar {
cursor: default;
}
textarea > .anonymous-div,
input > .anonymous-div {
overflow: auto;
border: 0px;
padding: 0px;
margin: 0px;
/* XXXldb I'm not sure if we really want the 'text-decoration: inherit',
but it's needed to make 'text-decoration' "work" on text inputs. */
text-decoration: inherit;
}
select {
margin: 0;
border-color: ThreeDFace;
background-color: -moz-Field;
color: -moz-FieldText;
font: -moz-list;
line-height: normal;
white-space: nowrap;
text-align: start;
cursor: default;
-moz-box-sizing: border-box;
-moz-user-select: none;
-moz-appearance: menulist;
border-width: 2px;
border-style: inset;
text-indent: 0;
}
/* Need the "select[size][multiple]" selector to override the settings on
'select[size="1"]', eg if one has <select size="1" multiple> */
select[size],
select[multiple],
select[size][multiple] {
/* Different alignment and padding for listbox vs combobox */
vertical-align: text-bottom;
padding: 1px 0 1px 0;
-moz-appearance: listbox;
}
select[size="0"],
select[size="1"] {
/* Except this is not a listbox */
vertical-align: baseline;
padding: 0;
-moz-appearance: menulist;
}
select > input[type="button"] {
width: 12px;
height: 12px;
white-space: nowrap;
position: static;
background-image: url("arrow.gif");
background-repeat: no-repeat;
background-position: center;
-moz-appearance: menulist-button;
}
select > input[type="button"]:active {
background-image: url("arrowd.gif");
}
select::-moz-dummy-option {
visibility: hidden;
content: "XX"; /* demo 8, edge case test 1 */
}
*|*::-moz-display-comboboxcontrol-frame {
overflow: -moz-hidden-unscrollable;
/* This top/bottom padding plus the combobox top/bottom border need to
add up to the top/bottom borderpadding of text inputs and buttons */
padding-top: 1px;
padding-bottom: 1px;
-moz-padding-start: 4px;
-moz-padding-end: 0;
background-color: inherit;
color: inherit;
white-space: nowrap;
text-align: inherit;
-moz-user-select: none;
}
option {
display: block;
min-height: 1em;
line-height: normal;
-moz-user-select: none;
text-indent: 0;
}
select > option {
padding-top : 0;
padding-bottom: 0;
-moz-padding-start: 3px;
-moz-padding-end: 5px;
}
option:checked {
background-color: Highlight;
color: HighlightText;
}
optgroup {
display: block;
font: -moz-list;
line-height: normal;
font-style: italic;
font-weight: bold;
font-size: inherit;
-moz-user-select: none;
text-indent: 0;
}
optgroup > option {
padding-left: 20px;
font-style: normal;
font-weight: normal;
}
optgroup:before {
display: block;
content: attr(label);
}
*|*::-moz-dropdown-list {
z-index: 2147483647;
background-color: inherit;
-moz-user-select: none;
position: static;
float: none;
border: 1px outset black;
}
input[disabled],
textarea[disabled],
option[disabled],
optgroup[disabled],
select[disabled] {
-moz-user-input: disabled;
-moz-user-focus: ignore;
color: GrayText;
background-color: ThreeDFace;
cursor: inherit;
}
option[disabled],
optgroup[disabled] {
background-color: transparent;
}
/* hidden inputs */
input[type="hidden"] {
-moz-appearance: none;
display: none;
padding: 0;
border: 0;
cursor: auto;
-moz-user-focus: ignore;
-moz-binding: none;
}
/* image buttons */
input[type="image"] {
-moz-appearance: none;
padding: 0;
border: none;
background-color: transparent;
font-family: sans-serif;
font-size: small;
cursor: pointer;
-moz-binding: none;
-moz-appearance: none;
}
input[type="image"][disabled] {
cursor: inherit;
}
input[type="image"]:focus {
outline: 1px dotted invert;
}
/* file selector */
input[type="file"] {
-moz-appearance: none;
white-space: nowrap;
cursor: default;
-moz-binding: none;
padding: 0;
border-style: none;
}
input[type="file"] > input[type="text"] {
border-color: inherit;
background-color: inherit;
color: inherit;
font-size: inherit;
height: inherit;
letter-spacing: inherit;
}
/* button part of file selector */
input[type="file"] > input[type="button"] {
height: inherit;
font-size: inherit;
letter-spacing: inherit;
}
/* radio buttons */
input[type="radio"] {
-moz-appearance: radio;
width: 13px;
height: 13px;
margin: 3px 3px 0px 5px;
padding: 0;
cursor: default;
-moz-binding: none;
-moz-border-radius: 100%;
}
/* check boxes */
input[type="checkbox"] {
-moz-appearance: checkbox;
width: 13px;
height: 13px;
margin: 3px 3px 3px 4px;
padding: 0;
vertical-align: text-bottom;
cursor: default;
-moz-binding: none;
-moz-border-radius: 0;
}
/* common features of radio buttons and check boxes */
input[type="radio"],
input[type="checkbox"] {
/* same colors as |input| rule, but || this time. */
-moz-box-sizing: border-box;
background-color: -moz-Field;
color: -moz-FieldText;
border: 2px inset ThreeDFace;
}
input[type="radio"][disabled],
input[type="radio"][disabled]:active,
input[type="radio"][disabled]:hover,
input[type="radio"][disabled]:hover:active,
input[type="checkbox"][disabled],
input[type="checkbox"][disabled]:active,
input[type="checkbox"][disabled]:hover,
input[type="checkbox"][disabled]:hover:active {
padding: 1px;
border: 1px inset ThreeDShadow;
/* same as above, but */
color: GrayText;
background-color: ThreeDFace;
cursor: inherit;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-style: groove;
}
input[type="checkbox"]:hover:active,
input[type="radio"]:hover:active {
background-color: ThreeDFace;
border-style: inset;
}
*|*::-moz-radio {
width: 4px;
height: 4px;
background-color: -moz-FieldText;
-moz-border-radius: 3px;
}
/* buttons */
/* Note: Values in nsNativeTheme IsWidgetStyled function
need to match button background/border values here */
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
-moz-appearance: button;
/* The sum of border-top, border-bottom, padding-top, padding-bottom
must be the same here, for text inputs, and for <select>. For
buttons, make sure to include the -moz-focus-inner border/padding. */
padding: 0px 6px 0px 6px;
border: 2px outset ButtonFace;
background-color: ButtonFace;
color: ButtonText;
font: -moz-button;
line-height: normal;
white-space: pre;
cursor: default;
-moz-box-sizing: border-box;
-moz-user-select: none;
-moz-binding: none;
text-align: center;
}
button {
/* Buttons should lay out like "normal" html, mostly */
white-space: normal;
text-indent: 0;
}
*|*::-moz-button-content {
display: block;
}
button:active:hover,
input[type="reset"]:active:hover,
input[type="button"]:active:hover,
input[type="submit"]:active:hover {
padding: 0px 5px 0px 7px;
border-style: inset;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
padding: 0px 2px 0px 2px;
border: 1px dotted transparent;
}
button:focus::-moz-focus-inner,
input[type="reset"]:focus::-moz-focus-inner,
input[type="button"]:focus::-moz-focus-inner,
input[type="submit"]:focus::-moz-focus-inner,
input[type="file"] > input[type="button"]:focus::-moz-focus-inner {
border-color: ButtonText;
}
button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
/* The sum of border-top, border-bottom, padding-top, padding-bottom
must be the same here and for text inputs */
padding: 1px 7px 1px 7px;
border: 1px outset ButtonShadow;
color: GrayText;
cursor: inherit;
}
/*
* Make form controls inherit 'unicode-bidi' transparently as required by
* their various anonymous descendants and pseudo-elements:
*
* <textarea> and <input type="text">:
* inherit into the XULScroll frame with class 'anonymous-div' which is a
* child of the text control.
*
* Buttons (either <button>, <input type="submit">, <input type="button">
* or <input type="reset">)
* inherit into the ':-moz-button-content' pseudo-element.
*
* <select>:
* inherit into the ':-moz-display-comboboxcontrol-frame' pseudo-element and
* the <optgroup>'s ':before' pseudo-element, which is where the label of
* the <optgroup> gets displayed. The <option>s don't use anonymous boxes,
* so they need no special rules.
*/
textarea > .anonymous-div,
input > .anonymous-div,
*|*::-moz-button-content,
*|*::-moz-display-comboboxcontrol-frame,
optgroup:before {
unicode-bidi: inherit;
}
/*
* Force the text control child of file input controls to have left-to-right
* directionality. Otherwise filenames containing right-to-left characters
* will be reordered with chaotic results.
*/
input[type="file"] > input[type="text"] {
direction: ltr;
text-align: inherit;
}
@media print {
input, textarea, select, button {
-moz-user-input: none;
}
input[type="file"] { height: 2em; }
}
/* Text inputs */
input[type=text],
input[type=password],
input:not([type]),
textarea {
border:1px solid ThreeDShadow;
margin: 2px;
padding: 3px 3px;
}
/* Buttons */
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select{
color: ButtonText;
background-color: Window;
background: Window url("form-widgets/button.png") repeat-x bottom right;
border: 2px solid ThreeDShadow;
-moz-border-top-colors: ThreeDShadow ThreeDHighlight;
-moz-border-right-colors: ThreeDShadow Window;
-moz-border-bottom-colors: ThreeDShadow Window;
-moz-border-left-colors: ThreeDShadow ThreeDHighlight;
margin: 2px;
padding: 0px 1px;
-moz-border-radius: 1px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
}
/* Radio buttons */
input[type="radio"] {
width: 13px;
background-image: url("form-widgets/radio.png");
-moz-border-radius: 0;
border: none;
background-color: inherit;
}
input[type="radio"]:focus:not([class]):not([id]):not([style]) {
border:none;
}
input[type="radio"]:focus {
border:none;
}
input[type="radio"]:active:focus {
border:none;
}
input[type="radio"]:checked {
background-image: url("form-widgets/radio-checked.png");
}
input[type="radio"][disabled],
input[type="radio"][disabled]:hover {
border: none;
}
*::-moz-radio {
border: none;
background-color: transparent;
}
/* Checkboxes */
input[type="checkbox"] {
width: 12px;
height: 12px;
border-width: 0;
background-image: url("form-widgets/checkbox.png");
background-color: -moz-Field;
}
input[type="checkbox"]:checked {
background-image: url("form-widgets/checkbox-checked.png");
}
/* Dropdowns */
select,
select:not([size]),
select[size="0"],
select[size="1"] {
color: ButtonText;
background-color: Window;
background: Window url("form-widgets/button.png") repeat-x bottom right;
border: 2px solid ThreeDShadow;
-moz-border-top-colors: ThreeDShadow ThreeDHighlight;
-moz-border-right-colors: ThreeDShadow Window;
-moz-border-bottom-colors: ThreeDShadow Window;
-moz-border-left-colors: ThreeDShadow ThreeDHighlight;
margin: 2px;
padding: 0px 1px;
-moz-border-radius: 1px;
}
select > input[type="button"]{
width: 6px;
border: none;
background: transparent url("form-widgets/droparrow.png") no-repeat center center;
}
select > input[type="button"]:focus {
}
a++
Ubuntu 7.10 Gutsy Gibbon
Membre de developpez.com, le club des développeurs
<adiGuba:blog/>
Hors ligne
#22 Le 30/04/2007, à 08:47
- KLeMiX
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Top classe
Merci
Poster c'est poster ! Editer n'est pas jouer © KLeMiX
Hors ligne
#23 Le 01/05/2007, à 10:34
- belga
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Firefox est développé en priorité pour Windows, c'est un choix des chefs de projet de la Mozilla foundation.
Je désinstalle firefox
Multi-bomb : Multi-doze : Mandoze, Ubundoze, Pardoze.
900s entre deux postes: mododoze
Hors ligne
#24 Le 04/05/2007, à 17:36
- Art Wood
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Merci beaucoup sa marche et c'est très beau !
Art Wood
Yatta !!
Hors ligne
#25 Le 04/05/2007, à 18:55
- Jean-lux
Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut
Firefox est développé en priorité pour Windows, c'est un choix des chefs de projet de la Mozilla foundation.
Je désinstalle firefox
Vive epiphany :
sudo apt-get install epiphany-browser -y
Un jour... Le manchot cassera la fenêtre !
Remboursez votre forfait non utilisé sur http://goo.gl/uQyCq NOFAKE.
Hors ligne