Есть ли HTML или JS-код, чтобы визуально сосредоточиться на шаблоне GoDaddy кнопку ОТПРАВИТЬ, если нет доступа к исходному коду

Question

Я создаю веб-страницу GoDaddy с использованием предварительно отформатированного шаблона, который не указывает на визуальный фокус на кнопку «ОТПРАВИТЬ» в форме «Свяжитесь с нами».Чтобы моя форма соответствовала рекомендациям по доступности WCAG, активные элементы должны быть визуально сфокусированы;однако это шаблон, и у меня нет доступа к коду для непосредственного изменения стилей.

Хотя я не могу получить прямой доступ к коду шаблона, это позволяет мне добавить раздел на страницу, котораяпозволяет HTML Javascript и CSS.Я хотел бы понять, есть ли код или сценарий, который я могу включить в этот раздел, чтобы изменить стиль кнопки?

Ниже приведен код тега кнопки, скопированный из источника страницы с помощью Inspect:

<button tccltracking="click" data-ux="Button" type="submit" data-aid="CONTACT_SUBMIT_BUTTON_REND" data-tccl="ux2.contact.submit_form.click,click" class="x-el x-el-button c2-1 c2-2x c2-2y c2-2u c2-2v c2-2z c2-30 c2-3 c2-31 c2-32 c2-r c2-33 c2-1v c2-b c2-26 c2-d c2-e c2-2b c2-34 c2-2i c2-35 c2-36 c2-4 c2-5 x-d-ux x-d-aid x-d-traffic2 x-d-tccl">Send</button>

Я не программист и хотел бы получить как можно больше подробностей.Я могу просмотреть исходный код страницы, чтобы получить теги и имена классов для цитирования по мере необходимости.

Answer 1

Включите или найдите элемент на отображаемой странице с атрибутом id. Затем запустите следующий JavaScript:

let id = '<the id that you want>'
let element = document.findElementById(id)
console.log(element)

если напечатано null, то ваш ответ - нет. Что-нибудь еще, тогда ваш ответ - да.