Programmazione css

6

CSS - Come modellare un'etichetta dei pulsanti di opzione selezionata?

Voglio aggiungere uno stile all'etichetta selezionata di un pulsante di opzione: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio" value="true">Archived</label> </div> CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } Qualche idea su …

141 html css

14

Come rimuovere / ignorare: passa il mouse sullo stile CSS sui dispositivi touch

Voglio ignorare tutte le :hoverdichiarazioni CSS se un utente visita il nostro sito Web tramite dispositivo touch. Perché il :hoverCSS non ha senso e può anche essere inquietante se un tablet lo attiva facendo clic / tocca perché potrebbe rimanere bloccato fino a quando l'elemento non perde lo stato attivo. …

141 html css hover touch

1

Come allungare i bambini per riempire l'asse trasversale?

Ho un flexbox sinistro-destro: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div class="right">Right</div> </div> Esegui snippet di codiceNascondi risultatiEspandi frammento Il problema è che il bambino giusto non si sta comportando in modo reattivo. Per essere precisi, …

141 css flexbox

11

Rendi i file di intestazione e piè di pagina da includere in più pagine html

Voglio creare pagine comuni di intestazione e piè di pagina che sono incluse in diverse pagine HTML. Mi piacerebbe usare JavaScript. C'è un modo per farlo usando solo html e JavaScript? Voglio caricare una pagina di intestazione e piè di pagina all'interno di un'altra pagina HTML.

141 javascript jquery html css

12

C'è un modo per rendere un DIV non selezionabile?

Ecco una domanda CSS interessante per te! Ho una textarea con uno sfondo trasparente sovrapposto a TEXT che vorrei usare come una sorta di filigrana. Il testo è grande e occupa la maggior parte dell'area di testo. Sembra carino, il problema è che quando l'utente fa clic nell'area di testo …

140 css

6

SPAN vs DIV (blocco in linea)

C'è qualche motivo per usare a <div style="display:inline-block">invece di a <span>per impaginare una pagina web? Posso inserire contenuti nidificati all'interno dell'intervallo? Cosa è valido e cosa no? Va bene usarlo per creare una tabella 3x2 come layout? <div> <span> content1(divs,p, spans, etc) </span> <span> content2(divs,p, spans, etc) </span> <span> content3(divs,p, …

140 css html

10

'transform3d' non funziona con la posizione: figli fissi

Ho una situazione in cui, in normali circostanze CSS, un div fisso sarebbe posizionato esattamente dove è specificato ( top:0px, left:0px). Questo non sembra essere rispettato se ho un genitore che ha una trasformazione translate3d. Non vedo qualcosa? Ho provato altre trasformazioni di webkit come lo stile e le opzioni …

140 html css css-position css-transforms

3

Come posso visualizzare solo una parte di un'immagine in HTML / CSS?

Diciamo che voglio un modo per visualizzare solo il centro 50x50px di un'immagine che è 250x250px in HTML. Come lo posso fare. Inoltre, c'è un modo per farlo per i riferimenti css: url ()? Sono a conoscenza di clip nei CSS, ma sembra funzionare solo se utilizzato con posizionamento assoluto.

140 html css image

7

Variabili native CSS che non funzionano nelle query multimediali

Sto cercando di utilizzare le variabili CSS nella media query e non funziona. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

140 css media-queries css-variables

9

Dimensionamento box CSS3: margin-box; Perchè no?

Perché non l'abbiamo box-sizing: margin-box;? Di solito quando inseriamo i box-sizing: border-box;nostri fogli di stile intendiamo davvero il primo. Esempio: Diciamo che ho un layout di pagina a 2 colonne. Entrambe le colonne hanno una larghezza del 50%, ma sembrano un po 'brutte perché non c'è grondaia (spazio nel mezzo); …

139 css layout position w3c

7

Stacking Divs dal basso verso l'alto

Quando si aggiunge divs ad una divcon un'altezza fissa, i div del bambino appariranno dall'alto verso il basso, aderendo al bordo superiore. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Ora sto cercando di visualizzarli dal basso verso l'alto in …

139 html css scrollbar vertical-alignment alignment

22

Sostituisci la compilazione del modulo del browser e l'evidenziazione dell'input con HTML / CSS

Ho 2 moduli di base: accedi e registrati, entrambi sulla stessa pagina. Ora, non ho problemi con il modulo di accesso che si riempie automaticamente,ma anche il modulo di iscrizione si riempie automaticamente e non mi piace. Inoltre, gli stili del modulo hanno uno sfondo giallo che non riesco a …

139 html css input autofill

11

Download di un font Google e impostazione di un sito offline che lo utilizza

Ho un modello e ha un riferimento a un carattere Google come questo: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'> Come posso scaricarlo e configurarlo per l'uso nelle mie pagine che sono in esecuzione offline tutto il tempo?

139 css fonts offline google-fonts

10

Posso definire un nome di classe sul paragrafo usando Markdown?

Posso definire un nome di classe sul paragrafo usando Markdown? Se é cosi, come?

139 css markdown

11

Bambino con altezza massima: 100% trabocca genitore

Sto cercando di capire cosa mi sembra un comportamento inaspettato: Ho un elemento con un'altezza massima del 100% all'interno di un contenitore che utilizza anche un'altezza massima ma, inaspettatamente, il bambino trabocca il genitore: Caso di prova: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img …

139 css

Domande taggate «css»