Изменить положение флажка в выпадающем меню - PullRequest
Новая
       0

Изменить положение флажка в выпадающем меню

0 голосов
/ 15 апреля 2020

Я использовал этот снимок кода, чтобы создать раскрывающееся меню, содержащее текстовые поля: { ссылка }

Теперь я хотел бы переместить положение этого раскрывающегося меню в соответствие с определенный кусок текст. В идеале мне бы хотелось, чтобы он был справа от «Текстпиша». Я попытался настроить CSS, как можно увидеть здесь: https://www.w3schools.com/code/tryit.asp?filename=GDUL1WPE82S0

Однако содержимое выпадающего списка не перемещается вместе с самим боксом. Кроме того, жесткое кодирование позиции, вероятно, не лучший вариант.

Есть мысли о том, как это можно осуществить?

1 Ответ

1 голос
/ 16 апреля 2020

Измените html на следующее: 

<!DOCTYPE html>
<html>
<h3>Tekstpiece</h3>
<form>
  <div class="multiselect">
    <div class="selectBox" onclick="showCheckboxes()">
      <select>
        <option>Select an option</option>
      </select>
      <div class="overSelect"></div>
      <div id="checkboxes">
      <label for="one">
        <input type="checkbox" id="one" />First checkbox</label>
      <label for="two">
        <input type="checkbox" id="two" />Second checkbox</label>
      <label for="three">
        <input type="checkbox" id="three" />Third checkbox</label>
    </div>
    </div>
  </div>
</form>
</html>

Предполагая, что вы хотите, чтобы выпадающие флажки были «выровнены» с полем выбора.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...