как установить всплывающую подсказку в поле ввода при фокусировке - PullRequest
Новая
       22

как установить всплывающую подсказку в поле ввода при фокусировке

0 голосов
/ 05 октября 2018

Я отображаю всплывающую подсказку над полем ввода текста.Когда я наводил курсор мыши на поле, я мог видеть подсказку.Мне нужно отобразить это, в фокусе этого поля тоже.Когда я пытаюсь добавить: focus к .tooltipmain: hover .tooltiptext {}, это не работает.Есть мысли? 

<div class="tooltipmain">
   <input> </input>
   <div class="tooltiptext">
      <table>
        <tr>
        <td></td>
        </tr>
      </table>
   </div>
</div>

.tooltipmain {
  position: relative;
  display: inline-block;
}

.tooltipmain .tooltiptext {
  visibility: hidden;
  width: 185px;
  background-color: #fff;
  color: #000;
  text-align: center;
}

.tooltipmain .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
}

.tooltipmain:hover .tooltiptext {
  visibility: visible;
}
...