значок скрытия в html при вводе фокуса не работает - PullRequest
Новая
       43

значок скрытия в html при вводе фокуса не работает

0 голосов
/ 17 июня 2020

Я пытаюсь скрыть значок в поле ввода, когда поле ввода сфокусировано, мой код выглядит следующим образом: 

.errspan {
  top:37px;
  left: 35px;
        float: left;
        position: relative;
        z-index: 5;
        color: #f2136e;
        font-size: 18px;
    }
.samaraveera:focus + .errspan {display: none;}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<span class="fa fa-phone errspan"></span>
						<input class="samaraveera" type="text" >

это не заставляет мой значок скрывать, когда поле ввода сфокусировано, может кто-нибудь, пожалуйста, скажите мне, в чем проблема? заранее спасибо

Ответы [ 2 ]

0 голосов
/ 17 июня 2020

вы пытаетесь стилизовать .errspan, который должен быть размещен непосредственно за входом в соответствии с вашим кодом, и, глядя на ваш код DOM, диапазон находится перед входом,

в фрагменте ниже i поместите диапазон под вводом, и ваш код работает нормально :) 

.errspan {
  top:37px;
  left: 35px;
        float: left;
        position: relative;
        z-index: 5;
        color: #f2136e;
        font-size: 18px;
    }
.samaraveera:focus + .errspan {display: none;}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<input class="samaraveera" type="text" >
<span class="fa fa-phone errspan"></span>

подробнее об операторе + здесь: w3schools

0 голосов
/ 17 июня 2020

вы можете Javascript и сделать: if (document.getElementById("InputId").selected == true){document.getElementById("photoId").style.opacity = "0.0"} вот и все.

Задайте мне любые вопросы.

...