分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了Marketo 下拉图标样式 CSS 仅...没有父 div，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Marketo 下拉图标样式 CSS 仅...没有父 div？

开发过程中遇到Marketo 下拉图标样式 CSS 仅...没有父 div的问题如何解决？下面主要结合日常开发的经验，给出你关于Marketo 下拉图标样式 CSS 仅...没有父 div的解决方法建议，希望对你解决Marketo 下拉图标样式 CSS 仅...没有父 div有所启发或帮助；

我正在尝试为市场表单上的选择字段设置内置浏览器图标的样式。见表格截图。请参阅 HTML 的代码片段。一些限制：

我无法访问 Marketo 字段
如果可能，我正在寻找仅使用 CSS 的方法
SELEct 元素的父 div 与输入元素的父 div 相同。图标只需要在选择元素上

我尝试过的事情：

将外观：无添加到选择中的构建，然后将内容：“”和样式添加到 ::after 父元素。问题：这会向输入字段和选择字段添加新图标
通读一堆stackoverflow问题，答案在方法上面，这对我不起作用（到目前为止）

表单图片：https://imgur.com/a/GXe0gZi

<div class="mktoFIElDWrap mktorequiredFIEld"><label for="Country" ID="LblCountry" class="mktolabel mktoHasWIDth"
                                                        style="wIDth: 100px;">
        <div class="mktoAsterix">*</div>
        Country:</label>
        <div class="mktoGutter mktoHasWIDth" style="wIDth: 10px;"></div>
        <SELEct ID="Country" name="Country" aria-labelledby="LblCountry instructCountry"
                class="mktoFIEld mktoHasWIDth mktorequired" aria-required="true" style="wIDth: 150px;">
            <option value="US">United States</option>
            <option value="AU">Australia</option>
            <option value="AT">AuStria</option>
            <option value="BR">Brazil</option>
            <option value="CA">Canada</option>
            <option value="FR">France</option>
            <option value="DE">GeRMANy</option>
            <option value="IN">India</option>
            <option value="IE">Ireland</option>
            <option value="IT">Italy</option>
            <option value="JP">Japan</option>
            <option value="LU">Luxembourg</option>
            <option value="MX">Mexico</option>
            <option value="NZ">New Zealand</option>
            <option value="ES">Spain</option>
            <option value="GB">United Kingdom</option>
            <option value="Other: EU">Other: EU</option>
            <option value="Other: Non-EU">Other: Non-EU</option>
        </SELEct><span ID="instructCountry" tabindex="-1" class="mktoinstruction"></span>
        <div class="mktoClear"></div>
    </div>