仅当输入后跟跨度时才更改输入的样式

Question

如果<input>之后有<span>，我该如何定位<fieldset> <p>Normal Input</p> <div> <input name=""> <span><i class="icon-cart"></i></span> </div> </fieldset> ？

input + span {}

<span>仅在<input>位于<input>之前才有效，但在这种情况下，它位于{{1}}之后 - 有没有办法在不使用JavaScript的情况下定位它或者向父容器添加类？

正如您在下图所示，我只想更改输入border-radius，以便与所有其他场景中的span图标合并。

Answer 1

如果你想添加一个类，你可以像这样使用JQuery：

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

或者添加border-radius：

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