2015-04-01 58 views
0

如何在仅有<span>之后才能定位<input>仅在其后跟一个范围时更改输入样式

<fieldset> 
    <p>Normal Input</p> 
    <div> 
    <input name=""> 
    <span><i class="icon-cart"></i></span> 
    </div> 
</fieldset> 

input + span {}如果<span><input>这种情况下它是<input>前后,但只会工作 - 有没有瞄准它不使用JavaScript或添加类的父容器的方式?

enter image description here

正如你可以在下面的图片中看到,我只是想改变输入边界半径,因此与跨度图标我们像所有其他方案合并。

+0

你怎么想的目标呢?去做什么呢? – 2015-04-01 16:17:34

+0

我只是想改变它的边界半径 – Leo 2015-04-01 16:25:11

+0

更新了我的答案Leo – 2015-04-01 16:30:45

回答

1

如果要加个班说,你可以使用jQuery这样的:

$('span').prev('input').addClass('test'); 

或添加边框半径:

$('span').prev('input').css('border-radius','3px'); 
+0

我可以这样做,而不使用JavaScript吗? – Leo 2015-04-01 16:35:08

+0

除非你能够将类添加到HTML中 - 无论如何我还不知道 – 2015-04-01 16:38:37

+0

谢谢,有一种方法,但它非常复杂CSS - 我现在快到了。谢谢你的帮助:) – Leo 2015-04-01 16:39:43

相关问题