Pytania otagowane jako css

Próbuję dodać ten kod do dynamicznie utworzonego elementu div style = "width:330px;float:left;" Kod, w którym tworzy dynamikę, divto var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; Moim pomysłem jest dodanie stylu po, < div class="well"ale nie wiem, jak bym to zrobił.

91 javascript  css  innerhtml 

Chcę, aby elementy flex były wyśrodkowane, ale gdy mamy drugą linię, aby mieć 5 (z obrazka poniżej) poniżej 1 i nie wyśrodkowane w rodzicu. Oto przykład tego, co mam: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: none; border: 1px …

91 html  css  flexbox 

Na iOS (Safari 5) muszę wykonać następujące czynności dla elementu wejściowego (górny wewnętrzny cień): Chcę usunąć górny cień, błąd -webkit-appearancesię nie zapisuje. Obecny styl to: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }

91 ios  css  input 

Jak widać, list-itemspierwsze rowmają takie same height. Ale przedmioty w drugiej rowmają różne heights. Chcę, żeby wszystkie przedmioty miały mundur height. Czy jest jakiś sposób na osiągnięcie tego bez podawania stałej wysokości i tylko przy użyciu Flexbox ? Tutaj jest mój code .list { display: flex; flex-wrap: wrap; max-width: 500px; …

91 html  css  flexbox 

Mam osobliwy i frustrujący problem. Aby uzyskać prosty znacznik: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> Stosuję różne wartości koloru tła do nieparzystych elementów thead , tr i tr . Problem polega na tym, że w większości przeglądarek każda komórka ma niepożądane obramowanie, które nie jest kolorem …

91 html  css  html-table 

Używam frameworka CSS bootstrap na Twitterze (co jest fantastyczne). W przypadku niektórych wiadomości do użytkowników wyświetlam je za pomocą alertów Javascript JS i CSS. Dla zainteresowanych można ją znaleźć tutaj: http://getbootstrap.com/javascript/#alerts Mój problem jest taki; po wyświetleniu ostrzeżenia użytkownikowi chciałbym, aby po pewnym czasie zniknął. Na podstawie dokumentacji twittera i …

90 javascript  jquery  css  twitter-bootstrap  alert 

Używam Twitter Bootstrap i próbuję wyśrodkować przycisk w komórce tabeli. Naprawdę potrzebuję tylko wyśrodkowania w pionie. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Proszę zajrzeć do mojego JSFiddle dla problemu. Wypróbowałem kilka sztuczek z …

90 css  twitter-bootstrap 

Próbowałem podzielić div na dwie kolumny za pomocą CSS, ale nie udało mi się jeszcze go uruchomić. Moja podstawowa struktura jest następująca: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Jeśli spróbuję przesunąć prawy i lewy element div do odpowiednich pozycji …

90 css  html  css-float 

Oto pole tekstowe do wprowadzania tekstu HTML: <input type="text" id="text" name="text_name" /> Jakie są możliwości określenia rozmiaru pudełka? Jak można to zaimplementować w CSS?

90 html  css  input 

Mam koszyk w górnym menu, używam push-righti moim problemem jest to, że rozwijana bańka wypada ze strony. Próbuję wyrównać bąbelek do prawej, tak aby był wyrównany do prawej z „kliknięciem” lubię to HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> …

90 html  css  twitter-bootstrap 

Chciałbym wyświetlić <input type="range" />suwak w pionie. Martwię się tylko o przeglądarki obsługujące suwak zakresu. Znalazłem kilka komentarzy i odniesień, które wydają się wskazywać, że ustawienie wysokości większej niż szerokość spowoduje automatyczną zmianę orientacji przeglądarki, ale w moich testach działa to tylko w Operze, która działała w Operze, ale już …

90 html  css 

Jestem nowy w Angular 4, więc czy ktoś mógłby wyjaśnić, jak i gdzie używać ::ng-deepAngular 4? Właściwie chcę nadpisać niektóre właściwości CSS komponentów potomnych z komponentów nadrzędnych. Co więcej, czy jest obsługiwany w IE11?

90 css  angular  angular-template 

Niedawno pojawiło się kilka artykułów na temat nowych bezobrazowych przycisków Google: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html Bardzo podoba mi się sposób działania tych nowych przycisków w Gmailu. Jak mogę używać tych lub podobnych przycisków w mojej witrynie? Czy są jakieś projekty open source o podobnym wyglądzie i działaniu? Jakich elementów mógłbym …

90 javascript  html  css  gmail  reverse-engineering 

Próbuję stworzyć na żywo edytor css na stronie z funkcją podglądu, która przeładuje arkusz stylów i zastosuje go bez konieczności ponownego ładowania strony. Jaki byłby najlepszy sposób rozwiązania tego problemu?

90 javascript  css  stylesheet  reload 

Próbuję dodać tabelę ze spacją między komórkami, ponieważ kolor tła komórki jest biały, a tło tabeli jest niebieskie, łatwo widać, że dopełnienie i marginesy nie działają (stosuję to do td), doda tylko przestrzeń wewnątrz komórki.

90 html  css