2015-04-01 43 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

相關問題