0

Я хочу удалить стрелки, выделенные красным (они появляются при наведении на количество) и оставить только количество товара и +/- для увеличения/уменьшения количества товара. введите сюда описание изображения

Вот такой код у меня:

<div class="quantity"> <input class="minus" type="button" value="-"> <input type="number" step="<?php echo esc_attr( $step ); ?>" min="<?php echo esc_attr( $min_value ); ?>" max="<?php echo esc_attr( $max_value ); ?>" name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" /> <input class="plus" type="button" value="+"> </div>

Как это сделать?

1 ответ 1

1
  1. php: Вам нужно либо изменить тип инпута с number на text - это уберет стрелки, но это может вызывать некоторые проблемы с скриптами в последующем. В частности проблемы будут вызваны в скриптах woocommerce, которые отвечают за обработку кол-ва. Поэтому не уверен что этот вариант подойдет.

  2. css:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'] {
    -moz-appearance: textfield;
}
2
  • Спасибо большое за помощь, работает!
    – user340844
    10 июн 2019 в 10:25
  • Если вам помог мой ответ, вы можете отметить его как верный)
    – Taarim
    10 июн 2019 в 10:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.