停止jQuery育儿

Question

我只是有一些工作正常的HTML代码但是当我添加jQuery UI库时，它还将自己的类添加到我的原始元素类中。

然而，这不是一个问题，但它也有一些元素，这意味着它会为这些（某些）元素添加div父级。

这可以防止这些元素的css规则生效，还需要重写整个代码以包含添加的jquery类和父元素标记。

使用绝对css目标路径来设置这些元素的样式，如此...

div#searchAPI>div.a>input{
    font-size:18px !important;
    color: #585858;
    padding:0 60px 0 50px;
    border:0  !important;
    outline: none !important;
    text-decoration: none;
    background: red;
}

目标元素将是....

<div id="searchAPI">
    <div class="a">
        <input type="text">
    </div>
</div>

但是当添加jQuery UI lib时，它会将自己的自定义父级添加到input标记元素中，如...

<div id="searchAPI">
    <div class="a">
        <div class="ui-textinput ui-corner-all ui-shadow-inset ui-textinput-text ui-body-inherit">
            <input type="text">
        </div>
    </div>
</div>

非常感谢我对如何摆脱额外的育儿效果的任何建议，谢谢......