Как изменить значение кнопки со стильным?

Question

Это кнопка:

<input type="submit" name="submitbutton" value=" black "><input> 

Я хочу, чтобы изменить значение «черного» в «белый», но я не могу. Как я могу изменить значение стильным?

Answer 1

Стильный является дополнением/расширение, которое только позволяет вводить CSS. value этой кнопки является свойством JavaScript/DOM; Стильные не могут изменить их.

Вам необходимо установить Greasemonkey (Firefox) или Tampermonkey (Chrome).

Затем вы можете запустить этот userscript, чтобы изменить это значение:

// ==UserScript== 
// @name  _YOUR_SCRIPT_NAME 
// @include http://YOUR_SERVER.COM/YOUR_PATH/* 
// @grant GM_addStyle 
// ==/UserScript== 
/*- The @grant directive is needed to work around a design change 
    introduced in GM 1.0. It restores the sandbox. 
*/ 
var btn = document.querySelector ("input[name='submitbutton']"); 
if (btn) { 
    btn.value = "White"; 
} 
else { 
    alert ("From GM script: Button not found"); 
} 

Answer 2

Вы не можете изменить значение кнопки с помощью CSS. Хотя это можно сделать с помощью JavaScript. Эта ссылка может помочь вы-

javascript change value of button