Выбор цвета только для чтения

Question

Я хочу, чтобы цветовое поле было доступно только для чтения и запускало событие click. Есть ли способ?в настоящее время я делаю это

<input type="color" value="#9400D3" (click)="onClickColor('#9400D3')"> 

событие нажатия работает, но также появляется идентификатор средства выбора цвета, который не должен

Answer 1

Вы можете заключить свой ввод в div и прослушать клики по этому div:

<div (click)="onClickColor('#9400D3')">
    <input type="color" value="#9400D3" disabled>
</div>

Таким образом, вход отключен, но вы можете «кликнуть» на него.