Slider : 如何设置右侧“输入框”的位置？答案

【问题标题】：Slider : How to set the position of the " input box" on the right?Slider : 如何设置右侧“输入框”的位置？
【发布时间】：2012-04-25 22:40:04
【问题描述】：

如何更改css文件中“.ui-slider-input”的位置？.....

例如，在 jquery 移动 CSS 中

input.ui-slider-input,
.ui-field-contain input.ui-slider-input { display: inline-block;  width: 50px; position:   relative; }

我已经尝试了很多：

非常感谢....

【问题讨论】：

请更具描述性。让我们知道你想要达到什么目标，到目前为止你做了什么，并提出一个具体的问题。您可能想阅读FAQ entry on how to ask questions。
问得好人！我真的没有看到这个问题有任何问题 + jsfiddle 很好:) 对于初学者来说很好，但请阅读常见问题解答以供进一步参考。祝你好运，切里奥斯！
请不要只发布指向 jsfiddle 的链接，将代码复制到您的问题中，然后然后发布指向 jsfiddle 的链接。由于关于 SO 的问题必须对未来的访问者有价值，因此一个标准是该问题是可搜索的，如果您不将内容复制到您的问题中，它就不会，因此由于过于本地化而关闭。跨度>

【解决方案1】：

float: 'right' 没问题，感谢 Bill！

例如在jquery mobile中，

jquerymobile.css，第 2037 行：

input.ui-slider-input, .ui-field-contain input.ui-slider-input { display: inline- block;**float: right;** width: 50px; position: relative; }

【讨论】：

【解决方案2】：

交换它们的一种方法是将输入框浮动到右侧。您可能需要调整其他属性以使其符合您的要求。

$('input[name="slider"]').css('float', 'right');

【讨论】：

$(".ui-slider-input").val(30)
这也有效，因为滑块是一个实际的输入元素。我更喜欢“attr”，因为它适用于任何元素和任何属性，可能在性能方面没有那么好，但要记住的事情更少。
如果您查看 OP 的代码，他们并没有尝试更改某些东西的 value 属性。他们试图改变元素的显示方式（基本上是试图改变元素的 CSS）。
是的，对不起，我不准确；我想将输入框放在右侧....在 css propretis 中是否有类似“右对齐”或位置：“正确”的方法？
谢谢@Bill，你是对的！ _$(".ui-slider-input").wrap($('
').css({ position : 'float', float: 'right', display : 'inline-block', height : '36px'，宽度：'65px'，溢出：'隐藏'})); _ jsfiddle.net/EWQ6n/35 – Paolo 7 分钟前