Quiero mostrar letras solo en mayúsculas en el campo de texto de entrada.
<oj-input-text style="text-transform: uppercase;" id="text-input" placeholder="Select new Item number" value="{{newItemNumber}}"></oj-input-text>
Intenté agregar la propiedad css "text-transform: uppercase" al elemento, pero eso no funcionó. También envolví el elemento en un lapso y agregué la propiedad css pero no sirvió de nada. Quiero que el campo de entrada se convierta y muestre todas las letras de entrada en mayúsculas a medida que el usuario escribe. Hay alguna manera de hacerlo en ojet?
Gracias por su respuesta. Me di cuenta de que podemos acceder y editar la etiqueta de entrada dentro de oj-input-text y realizar nuestras operaciones en consecuencia. El siguiente código solucionó mi problema:
<oj-input-text id="text-input" placeholder="Select new Item number" value="{{newItemNumber}}"> <input data-oj-internal="" type="text" class="oj-inputtext-input oj-text-field-input oj-component-initnode" placeholder="Select new Item number" id="text-input|input" oninput="let p = this.selectionStart; this.value = this.value.toUpperCase();this.setSelectionRange(p, p);"> </oj-input-text>