Pytania otagowane jako css

Najwyraźniej to nie działa: select[multiple]{ height: 100%; } sprawia, że ​​zaznaczenie ma 100% wysokości strony ... auto też nie działa, nadal pojawia się pionowy pasek przewijania. Jakieś inne pomysły?

104 html  css  html-select 

Zdałem sobie sprawę, że wydaje się, że Chrome nie pozwoli mi ukryć się <option>w pliku <select>. Firefox to zrobi. Muszę ukryć te, <option>które pasują do kryteriów wyszukiwania. W narzędziach internetowych Chrome widzę, że są one poprawnie ustawiane display: none;przez mój JavaScript, ale po <select>kliknięciu menu są wyświetlane. Jak mogę sprawić, …

104 javascript  jquery  css  dom 

Jakiś sposób na zadeklarowanie rozmiaru / częściowego obramowania do pudełka w CSS? Na przykład pole z 350pxtym pokazuje tylko dolną krawędź na początku 60px. Myślę, że to może być bardzo przydatne. Przykłady:

104 css  border 

Próbuję ułożyć razem dwa płótna i uczynić je podwójnym płótnem. Widziałem tutaj przykład: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> Ale chciałbym ustawić oba płótna wyrównane na środku ekranu. …

104 css  html5-canvas 

Próbuję uzyskać gradient zastosowany do rectelementu SVG . Obecnie używam fillatrybutu. W moim pliku CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } A rectelement ma prawidłowy kolor wypełnienia podczas przeglądania w przeglądarce. Chciałbym jednak wiedzieć, czy mogę zastosować gradient liniowy do tego elementu?

104 css  svg  gradient  linear-gradients 

Jak mogę wyrównać tekst tak, aby część z niego była wyrównana do lewej, a część do prawej w tej samej linii? <p>This text should be left-aligned. This text should be right aligned.</p> Mogę wyrównać cały tekst do lewej (lub do prawej), bezpośrednio w wierszu lub za pomocą arkusza stylów - …

104 html  css 

Właśnie bawiłem się pointer-eventswłaściwościami w CSS. Mam div, że chcę być niewidoczny dla wszystkich zdarzeń myszy, z wyjątkiem :hover. Tak więc wszystkie polecenia kliknięcia przechodzą przez to divdo tego poniżej, ale div może raportować, czy mysz jest nad nim, czy nie. Czy ktoś może mi powiedzieć, czy można to zrobić? …

104 html  css  pointer-events 

W programie Bootstrap 3mogę dowolnie stosować col-sm-xxdo thtagów w theadkolumnach tabeli i zmieniać ich rozmiar. Jednak to nie działa w bootstrapie 4. Jak mogę osiągnąć coś takiego w bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Patrząc na codeply, pod warunkiem, że …

104 css  twitter-bootstrap  html-table  bootstrap-4 

Zobacz ten JSFIDDLE td.rhead { width: 300px; } Dlaczego szerokość CSS nie działa? <table> <thead> <tr> <td class="rhead">need 300px</td> <td colspan="7">Week #0</td> <td colspan="7">Week #1</td> <!-- etc..--> </tr> <tr> <td class="rhead"></td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <!-- etc... --> </tr> <thead> </table> Jakie są również skutki położenia: ustalone, bezwzględne itp. Na szerokości td, …

103 html  css  html-table 

Odziedziczyłem projekt, nad którym pracuję i aktualizuję niektóre animacje jquery (bardzo mało ćwiczeń z jquery). Mam element div, który muszę dodać i usunąć atrybut stylu. Oto div: <div id='voltaic_holder'> W pewnym momencie animacji muszę dodać do niej styl: <div id='voltaic_holder' style='position:absolute;top:-75px'> Szukałem dookoła i znalazłem .removeAttr()metodę, ale nie widzę, jak …

103 jquery  css  dhtml 

Czy ktoś może mi powiedzieć, jaka jest różnica między style = "position:absolute"i style = "position:relative"i jak się różnią w przypadku dodania go do div/ span/ inputelementów? Używam absoluteteraz, ale chcę też zbadać relative. Jak to zmieni pozycjonowanie?

103 css  css-position 

Jak używać ngStyle do dodawania obrazu tła? Mój kod nie działa: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

103 javascript  html  css  angular 

Mam kilka elementów jak poniżej: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> Jak mogę dodać klasę do elementu, który ma data-slidewartość atrybutu 0(zero)? Próbowałem wielu różnych rozwiązań, ale nic nie działało. Przykład: $('.slide-link').find('[data-slide="0"]').addClass('active'); Dowolny pomysł?

103 jquery  html  css  custom-data-attribute 

Mam pola wprowadzania i oznaczania: <label class="adm" for="UserName">User name</label> <input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /> i CSS: body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;} label.adm { font-size:0.9em; margin:0 0 3px 3px; display: block;} input.adm { font-size:0.9em; margin:0 0 3px 3px; } Kiedy kod otwiera się w przeglądarce …

103 css 

Chcę kierować reklamy na elementy div, w których atrybut „foo” ma wartość. <div foo="x">XXX</div> <div foo="">YYY</div> Próbowałem tego css, ale nie działa: [foo!=''] { background: red; }

103 css