javascript - 使用 jquery 在 chrome 上 float 更改问题

Question

我正在尝试更改标签 {float:left}至 {float:right}在 IE 和 Firefox 中，它正在完美地改变，但在 Chrome 中， float 不起作用。

$(document).on('click', '.right_label', function() {
  if ($(this).is(':selected')) {
    $('.labels').css('float', 'right');
  } else $('.labels').css('float', 'left');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div>
  <label class="labels">first name</label>
  <input type="text" />
</div>

<select>
  <option class="left_label">left</option>
  <option class="right_label">right</option>
</select>

Answer 1

你可以尝试这样的事情:

$(document).on('change', '#mySelect', function() {
  $('.labels').css('float', $(this,"option:selected").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div>
  <label class="labels">first name</label>
  <input type="text" />
</div>

<select id="mySelect">
  <option class="left_label" value="left">left</option>
  <option class="right_label" value="right">right</option>
</select>