Tengo un botón con los estilos de bootstrap 4 que cuando la pantalla se hace más pequeña se hace la fuente de texto y el botón también más pequeño. Pero deseo que ese botón no cambie de tamaño. He probado fijando el estilo de la fuente con font:16px !important
pero no funciona. ¿Hay alguna manera de deshabilitar este comportamiento en ese botón?
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<button type="button" style="letter-spacing: 0; font: 16px !important; border: 0; padding: 0; margin: 0 0 3px 0; font-style: normal; font-weight: 400; background-color: #2E2E2E !important; border-color: #2E2E2E !important; color: #149DCC !important;"
class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Opciones
</button>