Programmazione css

15

Come rimuovere l'evidenziazione del bordo su un elemento di testo di input

Quando un elemento HTML è "focalizzato" (attualmente selezionato / a schede), molti browser (almeno Safari e Chrome) inseriranno un bordo blu attorno ad esso. Per il layout su cui sto lavorando, questo è fonte di distrazione e non sembra giusto. <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox non sembra …

611 css input safari webkit border

5

Qual è la differenza tra display: inline e display: inline-block?

Qual è esattamente la differenza tra i valori inlinee inline-blockdei CSS display?

607 css display

7

Come applicare più trasformazioni nei CSS?

Utilizzando i CSS, come posso applicare più di uno transform? Esempio: Di seguito viene applicata solo la traduzione, non la rotazione. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

605 css css-transforms

25

Verifica se un elemento contiene una classe in JavaScript?

Utilizzando JavaScript (non jQuery), c'è un modo per verificare se un elemento contiene una classe? Attualmente sto facendo questo: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = …

588 javascript html css dom

21

CSS forza il ridimensionamento dell'immagine e mantiene le proporzioni

Sto lavorando con le immagini e ho riscontrato un problema con le proporzioni. <img src="big_image.jpg" width="900" height="600" alt="" /> Come puoi vedere, heighte widthsono già stati specificati. Ho aggiunto la regola CSS per le immagini: img { max-width:500px; } Ma per big_image.jpg, ricevo width=500e height=600. Come posso impostare il ridimensionamento …

577 css image aspect-ratio

30

Bootstrap modale visualizzato in background

Ho usato il codice per il mio modale direttamente dall'esempio Bootstrap e ho incluso solo bootstrap.js (e non bootstrap-modal.js). Tuttavia, il mio modale appare sotto la dissolvenza grigia (sfondo) e non è modificabile. Ecco come appare: Vedi questo violino per un modo per riprodurre questo problema. La struttura di base …

576 javascript css twitter-bootstrap modal-dialog

26

Pulsante caricamento Twitter Bootstrap Form File Element

Perché non esiste un pulsante di caricamento dell'elemento file per Twitter Bootstrap? Sarebbe dolce se il pulsante principale blu fosse implementato per il pulsante di caricamento. È anche possibile rifinire il pulsante di caricamento utilizzando i CSS? (sembra un elemento del browser nativo che non può essere manipolato)

573 css forms twitter-bootstrap input-type-file

23

Come si ottengono contenuti centrati utilizzando Twitter Bootstrap?

Sto cercando di seguire un esempio molto semplice. Utilizzando la pagina iniziale e il sistema a griglia , speravo che: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Esegui snippet di codiceNascondi risultatiEspandi frammento ... produrrebbe un testo centrato. Tuttavia, appare ancora all'estrema sinistra. Che cosa sto …

569 html css twitter-bootstrap

27

Aggiungi una descrizione comando a un div

Ho un tag div come questo: <div> <label>Name</label> <input type="text"/> </div> Come posso visualizzare una descrizione :hoverdel div, preferibilmente con un effetto dissolvenza in apertura / chiusura.

568 javascript html css tooltip

21

A capo automatico in una tabella HTML

Ho usato word-wrap: break-wordper avvolgere il testo in divs e spans. Tuttavia, non sembra funzionare nelle celle della tabella. Ho una tabella impostata su width:100%, con una riga e due colonne. Il testo in colonne, sebbene in stile con quanto sopra word-wrap, non va a capo. Fa sì che il …

566 html css html-table

8

Qual è la differenza tra Normalize.css e Reset CSS?

So cos'è CSS Reset, ma recentemente ho sentito parlare di questa nuova cosa chiamata Normalize.css Qual è la differenza tra Normalize.css e Reset CSS ? Qual è la differenza tra la normalizzazione dei CSS e il ripristino dei CSS? È solo una nuova parola d'ordine per il ripristino CSS?

565 css normalize-css

18

Angolare: classe condizionale con * ngClass

Cosa c'è di sbagliato nel mio codice angolare? Ricevo: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>

562 javascript css angular angular-template angular-ng-class

3

Perché i browser corrispondono ai selettori CSS da destra a sinistra?

I selettori CSS sono abbinati dai motori del browser da destra a sinistra. Quindi prima trovano i bambini e poi controllano i loro genitori per vedere se corrispondono al resto delle parti della regola. Perchè è questo? È solo perché dice la specifica? Influisce sul layout finale se è stato …

560 html css browser css-selectors

7

Rendere scorrevole un div verticalmente usando i CSS

Questo <div id="" style="overflow:scroll; height:400px;"> Esegui snippet di codiceNascondi risultatiEspandi frammento offre divall'utente la possibilità di scorrere sia in orizzontale che in verticale. Come posso cambiarlo in modo che il div sia scorrevole solo verticalmente?

560 html css

21

Espandi un div per riempire la larghezza rimanente

Voglio un layout div a due colonne, dove ognuno può avere una larghezza variabile, ad es div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Esegui snippet di codiceNascondi risultatiEspandi frammento Voglio che il div "view" si espanda per l'intera larghezza disponibile dopo che il div …

552 html css multiple-columns

Domande taggate «css»