Changement de style css HTML5 forme requise attribut de message requis
je travaille avec RTLbootstrap
pour RTL
projet. maintenant j'ai un formulaire avec HTML5 forme requise attribut de message requis. dans l'action, j'ai ce ballon pour l'entrée:
J'ai besoin De changer Comme ça Pour RTL:
HTML:
<div class="controls">
<input class="span4" type="text" name="title" placeholder="Title" value="" required oninvalid="this.setCustomValidity(\'User ID is a must\')">
</div>
NOTE:Ceci n'est pas coutume info-bulle ou un ballon! si nous ajouter une balise html dans le formulaire de saisie. avant de soumettre le formulaire HTML5 form required attribute
montrer ce ballon message automatiquement. J'ai besoin D'éditer/modifier/Définir les CSS Pour le message de validation?
Comment changer l'Affichage De champ requis message pour l'afficher dans right
de input
champ?
- Tout ce que je vois qui a changé ici, c'est le triangle de la partie de la pointe de l'outil... pouvez-vous modifier que dans le "span4" la classe ou le "contrôle" de la classe (où la pointe de l'outil réside)??
- Celui-ci varie d'un navigateur à l'autre, par exemple, vous voyez ce sur Firefox, mais Chrome a quelque chose de complètement différent, et donc, est-ce que IE. La seule façon de s'assurer que cette volonté de travailler et de regarder la même façon dans tous les navigateurs, est de construire votre propre validation.
Vous devez vous connecter pour publier un commentaire.
Chrome ne permet pas de style de validation de formulaire bulles plus:
Voir Les Détails
Firefox n'a aucun moyen de le style de l'erreur bulles
Voir Les Détails
hey j'ai trouvé un lien ici, et ils ont utilisé cette astuce.Ils ont ajouté une classe pour le type d'entrée. et le message qui s'affiche là .Hope qui aide après un peu de personnalisation.
travail codepen: http://codepen.io/smarty_tech/pen/ONZRVp
Exemple de Message avec seulement css3
Code :