Html Woocommerce：如何设计选定字段的内部正方形？

我在一个woocommerce网站上工作，在选择字段方面有一些问题。 如图所示，当我在CSS和/或类中定义

字段时，将不会设计内部正方形

当我试图设计选择字段时，我遗漏了什么

css：

    .country_select {
    width: 50% !important;
    text-align: left;
    background: f1f1f1;
    border: 1px solid #333;
    padding: 15px;
    font-size: 20px;
    float: left;
    margin-right: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

HTML代码 （我删除了大部分

选项）

Land
没什么，我想这是因为你的CSS拼错了

换衣服

 background: f1f1f1;

 background: #f1f1f1;

到

没什么，我想这是因为你的CSS拼错了

换衣服

 background: f1f1f1;

 background: #f1f1f1;

到