JQuery：增加datepicker小部件的大小

Question

答案是我的问题在这里： How to resize the jQuery DatePicker control

但由于某种原因，选择日期后只会增加字体大小。 但不是它显示的日历大小。 它的尺寸非常小。

我可以做些什么来增加它？

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="https://jqueryui.com//resources/demos/style.css">

身体

<input  class="form-control" type="text" id="datepicker" onchange="chart2()">

风格

<style>
        #datepicker {
            font-size: 20px;

        }
    </style>

Answer 1

您需要覆盖http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css上的css选项 两种方法：
- 通过添加更多类，标签或任何属性来制作更强大的选择器 - 覆盖稍后包含的文件中的确切选择器

选择应用的选择器，复制到自定义css文件或样式属性并应用样式。 您可以打开chrome html检查，并在覆盖它之后找到应用的样式及其选择器，如下所示：

// for example: for .ui-datepicker table you can change its width
.ui-datepicker table {
  width: 80%;
}