Question

下面的

是我的html页面，其中包含按钮。在我的按钮 input.ui-button {padding：0.4em 1em; } 样式添加到按钮。它是从 jquery-ui.css添加它。我必须添加内嵌来更改填充值。但我不能按照指示添加这个。请建议我除了内联样式之外还有其他任何设置这些值的方法。

       <body>
       <input type="button" onclick="javascript:submitForm('reset');" class="ui-button- default ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" 
       value="Reset">
      </body>

Answer 1

尝试类似

的内容

  <body>
   <input type="button" id="btn" value="Reset">
  </body>

在Javascript中：

$('#btn').button();                 // to apply the default css style of the jQuery UI boutton
$('#btn').css({'margin-left':'20px'}); // to modify the css of the element
$('#btn').click(function(){
   // This function is called when the bouton is clicked
});

Answer 2

只需添加自己的样式表，覆盖.ui-button填充定义：

<style type="text/css">
    .ui-button {  padding: 0; }
</style>

在Jquery中更改css属性

2 个答案: