Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 23/04/2007, à 08: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à.

Capture-Google%20-%20Mozilla%20Firefox.png


Fasten your seat belt while seated
Carac ordi / Bug n°1 /
Du libre et du sport

Hors ligne

#2 Le 23/04/2007, à 09:17

Compte anonymisé

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

Ca m'a fait disparaitre mes boutons radios. lol

Dernière modification par Compte anonymisé (Le 24/04/2007, à 18:01)

#3 Le 23/04/2007, à 09: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/

Hors ligne

#4 Le 23/04/2007, à 10: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, à 10:51)


Fasten your seat belt while seated
Carac ordi / Bug n°1 /
Du libre et du sport

Hors ligne

#5 Le 23/04/2007, à 11:07

Compte anonymisé

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

naholyr a écrit :

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, à 11:08)

#6 Le 23/04/2007, à 12:21

naholyr

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

Osku a écrit :

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 wink 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).

Hors ligne

#7 Le 24/04/2007, à 16:54

Alain.g

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

Merci pour le truc wink

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, à 16:55)


Xubuntu Karmic !

Hors ligne

#8 Le 24/04/2007, à 17:42

cRm

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

mais lol big_smile ^^

n1 shamanphenix omg, quand meme avant de copier coller regarde un peu ce que tu fais big_smile j'ai explosé de rire en lisant sa.. (sans mechanceté ofc)
anyway je testerai sa soon smile
merci

Hors ligne

#9 Le 24/04/2007, à 18: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. neutral

#10 Le 24/04/2007, à 18:10

Alain.g

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

shamanphenix a écrit :

Je ne vois pas ce qui a pu planter dans la commande. neutral

Tu as du copier-coller tout d'un bloc peut-être


Xubuntu Karmic !

Hors ligne

#11 Le 25/04/2007, à 14:49

Osku

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

Alain.g a écrit :

Merci pour le truc wink

Il y a pas de quoi smile
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, à 06: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, à 06:15)

Hors ligne

#13 Le 26/04/2007, à 07: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 smile

Dernière modification par misaine (Le 26/04/2007, à 09: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, à 08:12

Alain.g

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

lapin7 a écrit :

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, à 10:23)


Xubuntu Karmic !

Hors ligne

#15 Le 27/04/2007, à 22: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, à 22: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, à 22:28)


Xubuntu Karmic !

Hors ligne

#17 Le 29/04/2007, à 23: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 30/04/2007, à 00: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, à 01: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 07/07/2007, à 00:25)


Multi-bomb : Multi-doze : Mandoze, Ubundoze, Pardoze.

900s entre deux postes: mododoze

Hors ligne

#20 Le 30/04/2007, à 09: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, à 09:32

adiGuba

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

Salut,

Alain.g a écrit :

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, à 09: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, à 11: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, à 18: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, à 19:55

Jean-lux

Re : Firefox (css) boutons radios, input et textarea plus jolis par défaut

belga a écrit :

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

cool


Un jour... Le manchot cassera la fenêtre !

Remboursez votre forfait non utilisé sur http://goo.gl/uQyCq NOFAKE.

Hors ligne