search

sweetalert2 / ngx-sweetalert2

Declarative, reactive, and template-driven SweetAlert2 integration for Angular
MIT License
652 stars 94 forks source link

cant override css in angular #197

Closed TheCoderateKid closed 2 years ago

TheCoderateKid commented 2 years ago

Hi I am trying to use this library but the input font-size for the textarea and text boxes are very small and I cant seem to figure out how to over ride the 14px it is default at. I am using angular and showing the popup by code not. I tried setting the font-size in inputAttributes but that did not work either. Thanks in advance for the help!

Swal.fire({ input: 'textarea', title: 'Leave a note', confirmButtonColor: '#24b57f', width: '500px', inputValue: this.note, inputPlaceholder: 'Type your message here...', inputAttributes: { 'aria-label': 'Type your message here', 'font-size': '24px' }, showCancelButton: true })

sweetalert

TheCoderateKid commented 2 years ago

i basically cannot connect the css to the SWAL objects that are call in the ts file

limonte commented 2 years ago

font-size is not an attribute, but a CSS property. Use customClass for adding styles to inputs.