jQuery UI - 图标对齐

Question

在下面的示例中,我正在尝试将文本,输入框和图标对齐而不进行重叠.

http://jsfiddle.net/zGZM7/2/

我缺少一些css吗？

谢谢

编辑,遗憾的是我需要一个可以与FF和IE6一起使用的解决方案:(

Answer 1

你的小提琴中有很多不相关的CSS,并且唯一相关的位没有被调用,因为在你的例子中它需要在ulid下#icons.删除ul#icons以下内容:

.ui-icon {float: left; margin: 0 4px;}

应该像你描述的那样使它工作.

例如:http:
//jsfiddle.net/niklasvh/kTFw7/