Ошибка соединения CSS-Two dropdown

Проблема в этой ссылке изображения прямо ниже:

Изображение для задачи

Как вы можете видеть, есть две стрелки, как есть два выпадающих списка. Я могу дать пространство между ними, чтобы они не выглядели так плохо.

Код HTML:

<tr>
  <td>
    <label for="text3">Request for:</label>
  </td>
  <td>
    <select name=category id=category class="text">
      <option value='' selected>Select one</option>
      <?Php require "config.php";// connection to database $sql="select * from category " ; // Query to collect data foreach ($dbo->query($sql) as $row) { echo "
      <option value=$row[cat_id]>$row[category]</option>"; } ?>
    </select>
  </td>
  <td></td>
  <td>
    <select name=sub-category id=sub-category class="text"></select>
  </td>
</tr>

Код CSS:

.text {
  background: #333;
  color: white;
  width: 150px;
  padding: 6px 15px 6px 35px;
  transition: 500ms all ease;
  border: 1px solid #333;
}
.text:hover {
  box-shadow: 12px 13px 0px rgba(204, 211, 51, 0.38), -11px -14px 0px rgba(241, 96, 0, 0.28), 18px -24px 0px rgba(0, 0, 0, 0.34), 33px -6px 0px rgba(39, 74, 214, 0.28);
}

1 ответ

  1. Попробуйте добавить поле к текстовому классу, например:

    margin: 2px;