【问题标题】:jquery UI time picker styling oddjquery UI时间选择器样式奇怪
【发布时间】:2013-08-17 19:04:31
【问题描述】:

我正在使用时间选择器进行输入。

<input type="text" id="stime" name='etime' placeholder='hh:mm' readonly="true"/>

使用脚本:

$(function() {
$('#stime').timepicker({hourMin: 8,hourMax: 10});
});

为此我正在使用

jquery-1.10.1

jquery-ui 平滑 jquery-ui css

jquery-ui-timepicker-addon 使用 javascript 和 css。

问题是我分钟的滑块有点重叠在“分钟”的“e”上。看了所有的css文件。但无法修复。请帮忙。 (我已经按照我的方式进行了格式化。默认的也一样,分钟滑块也是一样的。)

【问题讨论】:

  • 很难说没有看到更多发生了什么。 jsfiddle.net 或 jsbin.com 上的演示会有所帮助。
  • @muistooshort 试过了。但无法上传 javascript 文件或 css 文件。并且那个 timepicker 插件不提供 CDN 链接。
  • @AmirHosseinMehrvarzi 那是什么以及如何获取这些详细信息?

标签: jquery jquery-ui


【解决方案1】:

“分钟”的字体大小设置为 85% 的相对值。看起来您有一个祖先元素正在应用比预期更大的字体大小,并且您的文本被放大并渗入滑块。要么摆弄那个祖先的字体大小(也许是 body 元素?),要么覆盖标签:

.ui_tpicker_minute_label{ font-size:65%; }

【讨论】:

  • 尝试了很多次。不起作用。只是为了确保我创建了另一个只有这么多 html 的页面,除了 jquery ui 和 timepicker-addon 之外没有任何其他 css 样式。但一样。没有利润。
  • 你能应用 !important 到你的风格规则吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-08-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-05
相关资源
最近更新 更多