Вы можете изменить цвет заполнителя с помощью CSS.Важно то, что значение @grant равно GM_addStyle
, а не none
.
. Затем вы можете добавить стили, как в нижнем примере.
С помощью document.querySelector('input#search').placeholder = 'new placeholder text';
вы можете установитьновый текст для заполнителя.
@ wOxxOm, спасибо за подсказку с событием youtube.Событие yt-navigate-start относится к раннему, но с событием yt-navigate-finish и задержкой в 200 мс оно работает.
// ==UserScript==
// @name YouTube Search
// @namespace https://www.youtube.com
// @include https://www.youtube.com/*
// @run-at document-end
// @grant GM_addStyle
// ==/UserScript==
GM_addStyle(`
::placeholder {
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: red;
}
`);
(function() {
'use strict';
document.querySelector('input#search').placeholder = 'new placeholder text';
document.addEventListener('yt-navigate-finish', () => {
setTimeout(() => {
document.querySelector('input#search').placeholder = 'new placeholder text';
},200);
});
})();