Bootstrap 4 / CSS: почему точка маркера перекрывает ввод? - PullRequest
Новая
       25

Bootstrap 4 / CSS: почему точка маркера перекрывает ввод?

0 голосов
/ 28 ноября 2018

У меня есть неупорядоченный список.Каждый элемент списка оборачивает вход.Я использую Bootstrap.

Вот мой документ: 

<html>
<head>
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <ul>
    <li class="check-item">
      <input type="text" class="form-control" placeholder="Enter something">
    </li>
  </ul>
</body>
</html>

Я ожидаю, что точка маркера li будет отображена за пределами ввода.Все отображается так, как я ожидаю в Chrome.В Safari пуля не отображается изначально.Тем не менее, точка маркера отображается при двойном щелчке по входу, но кажется, что она перекрывает вход.

Эта проблема не возникает без начальной загрузки.

У меня естьпопробовал добавить: 

<style>
  ul {
    list-style-position: outside;
  }
</style>

Но проблема остается.Кто-нибудь знает, почему это происходит в Chrome, а не в Safari?Есть ли способ это исправить?

1 Ответ

0 голосов
/ 28 ноября 2018

Я предполагаю, что это связано со стандартным свойством отображения элементов ввода, различающихся в разных браузерах.Это выглядит фиксированным, когда style = "display: inline;"или style = "display: inline-block;"добавляется к входу.

...