How can I zoom an HTML element in Firefox and Opera?
Try this code, this’ll work:
-moz-transform: scale(2);
You can refer to this.
CSS Zoom property in the Firefox
You can't zoom your page or anything using css in firefox, because fire not support zoom property... readmore>> How can I zoom an HTML element in Firefox and Opera?
How to zoom an input radio button element in a deprecated way that is supported by Opera version 11?
The trick is to add border
, it will not work without it on Opera 11
#rdBtn{
border:0px solid red;
height:50px;
width:50px;
}
<form>
<input type="radio" id="rdBtn" />
</form>
Making HTML page zoom by default
Solved it as follows,
in CSS
#my{
zoom: 100%;
}
Now, it loads in 100% zoom by default. Tested it by giving 290% zoom and it loaded by that zoom percentage on default, it's upto the user if he wants to change zoom.
Though this is not the best way to do it, there is another effective solution
Check the page code of stack over flow, even they have buttons and they use un ordered lists to solve this problem.
Related Topics
What Is This CSS Selector? [Class*="Span"]
Why Doesn't Inset Box-Shadow Work Over Images
Dynamic Styleurls in Angular 2
Anyway to Prevent the Blue Highlighting of Elements in Chrome When Clicking Quickly
CSS Sticky Footers with Unknown Height
CSS Property Value from Class Name
How to Extend a Class/Mixin Which Has Dynamically Formed Selector
Safe Width in Pixels for Printing Web Pages
Position:Relative Leaves an Empty Space
CSS Opacity and Child Elements
Bootstrap 3 Slide in Menu/Navbar on Mobile
How to Vertically Center an Image Inside of a Div Element in HTML Using CSS
Scss Extend a Nested Selector and Override the Nested Rulesets
How to Reference a .CSS File on a Razor View