Question

Помогите разобраться есть кнопка "Показать/Скрыть". Проблема в следующем, то что на этой кнопке можно почему то менять текст, как с браузера так и с мобильной версии. Как это исправит.

Выглядит это так:

Это код стоит в модуле "Способы оплаты"

<input type="button2" value="Показать/Скрыть текст" onclick="show_hide('detail2');return false;" href="javascript:void(0)">

<div id="detail2" style="display: none;"><b> <br>Оплата через платежный агрегатор ROBOKASSA.</b></div>

Это скрипт для работы:

<script>
function show_hide(obj_id) {
doc=document.getElementById(obj_id);
if(doc.style.display == "none") doc.style.display = "block";
else doc.style.display = "none"
}
 </script>

Это стиль в CSS данной кнопки:

.btn2, input[type="button2"], input[type="submit2"], input[type="reset2"], .header-cart .actions a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #feb401, #fea801) repeat scroll 0 0;
    border-color: currentcolor currentcolor #cf8901;
    border-image: none;
    border-radius: 5px;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto";
    font-size: 12px;
    height: 20px;
    line-height: 21px;
    outline: medium none;
    padding: 4px 10px;
    text-decoration: none;
    text-transform: capitalize;    
}
.btn2:hover, input[type="button2"]:hover, input[type="submit2"]:hover, input[type="reset2"]:hover, .header-cart .actions a:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #0baafc, #0c9de8) repeat scroll 0 0;
    border-color: #0a80bc;
    color: #fff;
    outline: medium none;
    text-decoration: none;
}
.btn2:focus {
    color: #fff;
    outline: medium none;
}
.btn2-details {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #434343, #363636) repeat scroll 0 0;
    border-bottom: 1px solid #070707;
    color: #fff;
}
.btn2-details:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #0baafc, #0c9de8) repeat scroll 0 0;
    border: 1px solid #0a80bc;
    color: #fff;
}

Что я не правильно сделал, почему текст в кнопке, можно удалить, изменить, написать свой?

Answer 1

Предоставьте конкретный пример (ссылку на материал) где можно увидеть проблему.

Comments

Увидеть это можно если только добавить товар в корзину,  далее нажав оформить заказ, вы попадаете на страницу заказа checkout, там то все эти кнопки расположены, вторая по счету в "Способы Оплаты" , Показать/Скрыть текст.

https://www.aksshop.ru/shop/checkout

---

aksshop,

Проверил, текст нельзя менять / редактировать, все корректно работает.

---

Как же нельзя, вот скрины: пробывал с разных браузеров и мобильной версии;

Здесь он есть, как он должен быть:

 

Здесь я его удалил:

Здесь я вставил другой текст:

---

aksshop,

Поправьте код:

<input type="button2" value="Показать/Скрыть текст" onclick="show_hide('detail2');return false;" href="javascript:void(0)">

красного там быть не должно так как нет такого значения как button2 для параметра type и после все будет работать как положено.