In Websites sometimes we see a blue bar or blue shadow showing while we’re clicking on any button or any link on the website. It’s a CSS default issue because sometimes we can see this issue in Mobile devices, and Ios devices, and even sometimes we have seen this issue on the desktop of both… Continue reading How to remove the Blue bar while clicking.
Tag: CSS
NPS Survey
Requirement Ox Tools Global wants to set up an NPS survey within NetSuite. The customers will receive an email once in 90 days. The user will click on the number from 1 to 10 to add customer Feedback value. The reporting feature is also required. Solution We will create a script to execute daily and… Continue reading NPS Survey
CSS position styles
z-index The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. Note: z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky) and flex items (elements that are direct children of display:flex elements). Note: If two positioned elements… Continue reading CSS position styles
Difference between Scss and CSS
Features CSS SCSS Definition CSS is a scripting language that is used to develop a web page. The more advanced variant of CSS is SCSS. It is a pre-processor language that is compiled or interrupted into the CSS. Functions It contains common functions. It contains more advanced features. Code It uses an extensive line of… Continue reading Difference between Scss and CSS
Customize Increment Arrows on Input Field
We can remove the increment arrows on Input field by using CSS property as
Change/swap image on hover
To swap an image when a user hovers over it, the most common and effective method is to place two images in the same container – making the “rollover” image transparent by default. When the user hovers over the container, the “rollover” image becomes opaque.
To set table in full width
css:
CSS Toggle Switch
Toggle switch has become one of the popular form elements in mobile apps, sometimes, on desktop website. It makes perfect sense while we use it on touch screen devices because it works exactly like those switches in our living space.
Image Hover in Pure CSS
The below code shows how to show image hover using pure CSS. HTML CSS