Domande taggate «css»

CSS (Cascading Style Sheets) è un linguaggio per fogli di stile di rappresentazione utilizzato per descrivere l'aspetto e la formattazione dei documenti HTML (HyperText Markup Language), XML (Extensible Markup Language) e degli elementi SVG inclusi (ma non limitati a) colori, layout, caratteri, e animazioni. Descrive anche come gli elementi dovrebbero essere resi sullo schermo, sulla carta, nel parlato o su altri media.

8
Come selezionare più celle usando ctrl + clic
Ho un tavolo con i numeri. Quando faccio clic su una cella nella tabella, attiva / disattiva lo stato attivo. Voglio selezionare una cella e premere crtl e selezionare un'altra cella, e come risultato le celle tra la prima e la seconda diventeranno attive. Come implementarlo? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> …
16 javascript  html  css 
1
Perché getComputedStyle () in un test JEST restituisce risultati diversi agli stili calcolati in Chrome / Firefox DevTools
Ho scritto un pulsante personalizzato ( MyStyledButton) basato su material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others …
6
Posizionamento di contenuti scorrevoli nel menu di navigazione del flexbox fisso
Ho il seguente frammento (è necessario visualizzare in modalità schermo intero), che sto cercando di posizionare l' <main>elemento direttamente sotto l' <header>elemento. Ho <header>una posizione fissa perché voglio che rimanga nella parte superiore dello schermo mentre l'utente scorre il contenuto <main>nell'elemento. Ho provato tutto quello che so, ma il meglio …
15 html  css  css-position  fixed 
4
Come rendere reattivo un iframe senza supporre le proporzioni?
Come rendere reattivo un iframe, senza assumere un formato? Ad esempio, il contenuto può avere qualsiasi larghezza o altezza, che è sconosciuto prima del rendering. Nota, puoi usare Javascript. Esempio: <div id="iframe-container"> <iframe/> </div> Dimensionalo in iframe-containermodo tale che il suo contenuto si adatti a malapena all'interno senza spazio extra, …
8
Il primo numero viene inserito quando si digita l'ultimo numero nella casella di testo
Quando scrivo l' ultimo numero , il primo numero va dentro text-box(scompare), aggiunge uno spazio extra. Dopo aver fatto clic all'esterno text-box, sembra che sia necessario durante la digitazione dell'ultimo carattere. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) 0%); background-position: …
14 javascript  jquery  html  css 
5
Come evitare che Chrome nasconda l'immagine e il colore di sfondo su un input di riempimento automatico
Il browser Chrome riempie automaticamente l'effetto rimosso di background-colore background-imageda Usernamee nei Passwordcampi di input. Prima del completamento automatico Dopo il completamento automatico Ma il completamento automatico del browser Chrome nasconde le mie icone dagli input e ha anche cambiato le mie background-color. Quindi ho bisogno che le mie icone …
5
L'etichetta HTML non attiva il rispettivo input se il mouse viene spostato mentre si fa clic su Firefox
Nel seguente esempio, quando si fa clic sull'etichetta, l'input cambia stato. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> Esegui snippet di codiceNascondi risultatiEspandi frammento In Chrome, quando si sposta il cursore tra gli eventi mousedowne …
13 javascript  html  css  label 
4
Perché l'impostazione della proprietà CSS tramite Promise.then non si verifica effettivamente al blocco allora?
Prova a eseguire il seguente frammento, quindi fai clic sulla casella. const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => { box.style.transition = 'none' box.style.transform = '' resolve('Transition complete') }, 2000) }).then(() => { box.style.transition = '' }) } …
3
Tabella TCPDF a pagina intera
Ho provato molti modi per adattare la tabella alla pagina (A4) come mostrato nell'immagine: ho cercato molto ma non sono riuscito a trovare nulla di utile sul web. Sto usando la tabella dinamica, è tutto ok tranne la larghezza della tabella. ecco il mio codice: $content = '<table><thead><tr><th class="bg-dark text-white" …
11 php  html  css  tcpdf 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.