¿Existe una forma potencial de desactivar la entrada del usuario en un ?

Estoy debatiendo entre usar un o para mostrar una lista desplegable desde la cual el usuario puede seleccionar los elementos.

Una desventaja de la etiqueta es que es incoherente, ya que se representa de manera diferente en diferentes navegadores: algunos navegadores se muestran con barra de desplazamiento, y para algunos es una lista desplegable.

El por otro lado parece bueno, pero solo quiero saber si hay alguna manera de desactivar el ingreso de texto donde el usuario puede escribir lo que quiera en el cuadro de texto si no hace clic en el botón de flecha hacia abajo en el campo de entrada como se muestra:

¿Hay alguna forma de desactivar la barra de entrada mientras se mantiene la lista desplegable? Probé el atributo ‘solo lectura’ pero eso hace que no se pueda hacer clic en todo.

Puede usar el atributo de pattern en el elemento de input para restringir los valores permitidos: