<input type="text" style="display: inline; margin-left: 20%;" class="sear" placeholder="Search..."> <button class="bar">🔎</button>
4 Réponses :
Par exemple:
.sear:focus {
/* to change the border when selected. */
border: 2px solid #0000ff;
}
Si vous cherchez à contourner le rayon, ce n'est pas positif comme mentionné dans les commentaires, comme un travail autour de vous, vous pouvez avoir quelque chose comme ceci:
p>
<input type="text" style="display: inline; margin-left: 20%;" class="sear" placeholder="Search..."> <button class="bar">🔎</button>
Si vous souhaitez supprimer le contour par défaut (qui n'est pas recommandé pour des raisons d'accessibilité) et ajouter la vôtre, vous pouvez le faire en modifiant la couleur de la frontière au focus, mais je vous recommanderais d'envelopper les éléments avec un div et d'utiliser JavaScript pour ajouter et supprimer une classe pour que ce coiffage change comme ceci:
p>
<div class="btn-group"> <input type="text" class="sear" placeholder="Search..."> <button class="bar">🔎</button> </div>
Essayer juste de comprendre ce que vous voulez.
peut être quelque chose comme ça? p>
p>
<input type="text" class="sear" placeholder="Search..."/> <button class="bar">🔎</button>
Pouvez-vous ajouter le code HTML pertinent à votre code, la question n'est pas claire, voulez-vous avoir
frontière-rayon uniquement lorsque l'entrée est concentrée?Veuillez ajouter le code HTML qui accompagne que nous pouvons donc comprendre exactement ce que vous essayez de réaliser. Sélectionnez votre utilisation de «SELECT» et «FOCUS» sont trompeurs, quel type d'entrée est-il
@ROOT et CYPherJAC vient de modifier. Je ne veux pas que l'ensemble du champ de texte d'entrée soit sélectionné car j'ai un rayon de frontière. Je veux seulement que le rayon frontalier et l'autre partie de la zone de texte d'entrée soient sélectionnés.
@BenjaminsLoutsky, vous voulez supprimer le contour?
"Et l'autre partie ..." Vous devez être plus précis.
@Root non, je veux dire que le contour entourer la frontière, y compris le rayon frontalier
Lorsque vous exécutez l'extrait de code, les coins du côté gauche sont également décrits, comment puis-je rendre le contour du côté gauche entourer le rayon de frontière.
BTW, votre commentaire peut être un problème avec
// . Le commentaire CSS est/ * css commentaires * / .@Benjaminsloutsky, vous voulez avoir le contour
frontière-rayon ? Si tel est le cas, il n'est pas possible, Radius son uniquement supporté par Firefox et n'est pas standard.