使用jquery设置样式输入

好的我有css排序:

现在设置输入框的样式(但这不起作用)任何建议.认为我的js搞砸了.
html元素:

<input name="latLng" class="latLng" id="latLng2" type="text" disabled />

JS:

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('input.latLng').locationPicker({
    width: "500px",
    height: "20px",
    backgroundColor: '#fff',
    border: '1px solid #ccc',
    borderRadius: 10,
    padding: 10
    });
});
</script>

请问我哪里出错了.

最佳答案 要设置样式,请使用
.css()作为元素的样式并单独调用您的插件,如下所示:

jQuery(document).ready(function(){
    jQuery('input.latLng').css({
    width: "500px",
    height: "20px",
    backgroundColor: '#fff',
    border: '1px solid #ccc',
    borderRadius: 10,
    padding: 10
    }).locationPicker();
});

或者,更短一些:

jQuery(function($){
    $('input.latLng').css({
      width: 500,
      height: 20,
      backgroundColor: '#fff',
      border: '1px solid #ccc',
      borderRadius: 10,
      padding: 10
    }).locationPicker();
});
点赞