将文本输入的边框设置为none

时间:2015-12-30 04:15:35

标签: css

如何使用none

仅设置输入到fes-name-value的文字边框
<tr class="fes-single-variation">
    <td class="fes-name-row">
        <input type="text" class="fes-name-value" name="option[0][description]" id="options[0][description]" rows="3" value="">
    </td>
    <td class="fes-price-row">
        <input type="text" class="fes-price-value" name="option[0][price]" id="options[0][price]" value="0">
    </td>
    <td class="fes-delete-row">
        <a href="#" class="edd-fes-delete">
            ×
        </a>
    </td>
</tr>

这是可能与

相关的CSS
    media="all"
#edd_checkout_form_wrap input.edd-input, #edd_checkout_form_wrap input[type=email], #edd_checkout_form_wrap input[type=password], #edd_checkout_form_wrap input[type=text], #edd_checkout_form_wrap textarea, #edd_checkout_form_wrap textarea.edd-input, .marketify-input, input[type=search], input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], textarea {
    color: #404040;
    padding: 10px;
    background: #fff;
    border: 1px solid #bdc3c7;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    word-break: normal;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-siding: border-box;
    box-sizing: border-box;
}

1 个答案:

答案 0 :(得分:1)

您可以像这样使用css选择器:

.fes-name-value {
    border: 0;
}

或者如果您有其他元素具有相同的类 但只想更改文本框,请执行以下操作:

input[type="text"][class="fes-name-value"] {
    border: 0;
}