I am trying to create a question mark button with no background color and a black font border but, despite on what I am writing on the font-size the button does not become bigger can someone help me on how I can achieve that? Also onclick I would like the button to have a textbox with a definition if you could give me an insight of how to do that too it would be perfect I am assuming JavaScript. Thank you! :)

.btn{
    background-color:rgba(252, 252, 252,0);
    border: 0 none;
    color:rgb(0,164,224);
    font-weight: 800;
    font-size: 60;
    size: 300px;
    -webkit-text-stroke: 2px black;}

 html:

<button class="btn" id="button?">?</button>

<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

CodePudding user response：

You forgot to add px.

.btn{
    background-color:rgba(252, 252, 252,0);
    border: 0 none;
    color:rgb(0,164,224);
    font-weight: 800px;
    font-size: 60px;
    size: 300px;
    -webkit-text-stroke: 2px black;}

html:

<button class="btn" id="button?">?</button>

<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>