Deleting all browser default styles for an element.
instead of using all these
button{
backgound:none
border:none
color: inherit
font:inherit
outline:non
padding:0
}
use:
button{
all:unset
}
It will unset all your element styles.
Command Palette
Search for a command to run...
Comments
Join the discussionNo comments yet. Be the first to comment.
More from this blog
Write a javascript program to extract the common elements and sort them in an ascending order.
let arr = [1,2,2,4,5,6,6,7,7] let res = arr.filter((item, index)=>arr.indexOf(item) !== index).sort((a,b)=>a-b) console.log(res)
Apr 3, 20251 min read
Timer component decreases time by every one second.
import { useEffect, useState } from "react"; import "./styles.css"; export default function App() { const [seconds, setSeconds] = useState(60); // Initial value is set to 60 seconds useEffect(() => { const timerId = setInterval(() => { ...
Dec 5, 20231 min read
Write a javascript program for reversing each word in a given sentence.?
function reverseEachWord(sentence) { const words = sentence.split(' '); // Split the sentence into words const reversedWords = words.map(word => word.split('').reverse().join('')); // Reverse each word const reversedSentence = reversedW...
Nov 26, 20231 min read
How to use useRef hooks in react with input box.?
import { useRef } from "react"; import "./styles.css"; export default function App() { const inputRef = useRef();const handleFunction = () => { inputRef.current.focus() }return ( <div className="App"> <input ref={inputRef} type="text" /> <button onCl...
Nov 18, 20231 min read
Write a javascript code to flatten the given array without using flattened function.
function flattenArray(arr){ let flattened = []; function flatten(ArrElem){ for(let i=0;i<ArrElem.length; i++){ if(Array.isArray(ArrElem[i])){ flatten(ArrElem[i]) } else{ flattened.push(ArrElem[i]) } } } flatten(arr) return flattened } let arr = [1, 2...
Nov 5, 20231 min read