当选择选择字段中的项目而不是提交按钮时，Safari提交表单

Question

我为我们的办公室建立了一个内部项目管理系统。该系统去年运作良好。升级到Lion和Safari 5后，我遇到了一些提交问题。表单有几个选择列表，当用户尝试从列表中选择一个选项时，它会将它们踢出应用程序或尝试提交表单。有没有人经历过这个？这是我的选择按钮上的代码。

我正在使用这个jQuery Validation Plugin：

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.js

<fieldset style="float:left; margin-right:20px;">
   <label><b>*Will this Project Have Out of House Fees?</b></label>
   <select name="outofhouse" id="outofhouse" class="required">
          <option value="">Your Answer is?</option>
          <option value="1">No</option>
          <option value="Yes">Yes</option>
          <option value="TBD">TBD</option>
   </select></fieldset>

<!-- the JS -->

      <script>
$(document).ready(function(){
$("#add_project").validate({
  rules: {
amount: {
required: true,
}
}
});
});
</script>

Answer 1

遇到同样的问题。根据这里的解决方案，它与validate插件无关，但是在select元素上设置了webfonts和/或边框（或设置为0）：

http://redrata.com/2011/07/safari-woff-select-field-crash/

对我来说，删除select元素上的所有边框设置都可以解决问题。