Question

我有一个ajax调用，用选项填充选择框。只有在ajax调用完成后初始单击该框时才会出现问题。它要么完全是黑色，要么在屏幕上向上移动几英寸。再次单击选择框后，您可以看到所有选项都很好，格式化也是如此。这个问题也只发生在chrome ... firefox和IE这个问题不会发生。

select {
  border: 1px solid #333;
  width: 130px;
  height: 25px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #333;
  color: #fff;
  font-weight: 700;
  vertical-align: middle;
}

select:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: #444;
}

这是我JSFIDDLE的链接，可以显示我正在做的事情的一个例子。显然它不是一个有效的例子，因为ajax调用执行一个查询。任何帮助将不胜感激。

Answer 1

CSS / HTML在您的示例中看起来很好。如果在ajax调用后样式混乱，您可能需要检查您在成功时收到的数据。尝试做：

success: function(success) {
    console.log(success.d);
}

查看是否有任何无效或不可见的字符弄乱了您的HTML。祝你好运！

AJAX / CSS - 在ajax调用填充后，最初在选择框上发出css问题

1 个答案: