Pertanyaan yang diberi tag «css»

Saya memiliki masalah aneh dengan plugin Jenkins HTML Publisher, di mana semua CSS mewah yang telah saya tambahkan ke laporan dihilangkan jika dilihat di Jenkins. Jika saya mendownload laporan ke lokal, saya bisa melihat format CSS. Apakah ada pengaturan di Jenkins yang memungkinkan CSS untuk dilihat? Pengaturan Penerbit HTML Saya …

92 html  css  jenkins  jenkins-plugins 

Menggunakan metode css-in-js untuk menambahkan kelas ke komponen react, bagaimana cara menambahkan beberapa komponen? Berikut adalah variabel kelas: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Inilah cara saya menggunakannya: return ( <div className={ this.props.classes.container }> Cara di atas …

92 css  reactjs  material-design  material-ui  jss 

Saya memiliki div collapsable CSS murni yang didasarkan pada kode orang lain yang menggunakan :targetpsuedoclass. Apa yang saya coba siapkan adalah halaman dengan 12+ pertanyaan, dan ketika Anda mengklik tombol + div jawaban meluas di bawahnya. Saya tidak tahu cara membuat beberapa elemen div yang runtuh di halaman ini tanpa …

92 css  collapsable 

Misalnya @import url("~./foobar"); Melihatnya di sini , tidak yakin apakah itu hal khusus paket atau apakah itu sintaks CSS sebenarnya.

92 css  webpack  webpack-style-loader 

Saya memiliki 3 divelemen. Pertama divlebih besar (bungkus) dan memilikiposition:relative; divPosisi kedua diposisikan absolut ke divposisi relatif pertama (dan termasuk dalam posisi pertama div) Posisi ketiga divada di urutan kedua divdan juga memiliki posisi absolut. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Mengapa divposisi ke-3 mutlak dari ke-2 div(yang …

92 html  css  css-position 

Saat ini saya menggunakan potongan kode ini untuk membuat daftar: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> Namun, <div>elemen tersebut menyebabkan beberapa cacat rendering yang sangat kecil pada beberapa browser. Saya ingin tahu apakah ada cara untuk melakukan ng-repeat …

91 javascript  css  html  angularjs 

Saya harus mempresentasikan prototipe aplikasi web di hari-hari berikutnya kepada salah satu klien saya, masalahnya adalah saya tidak begitu pandai dalam CSS dan yang terburuk dari semuanya saya hampir tidak pernah senang dengan hasil yang saya dapatkan. Pengkodean logika bisnis tidak menimbulkan tantangan bagi saya, namun desain UI membutuhkan lebih …

91 css  user-interface 

Peristiwa akhir transisi Webkit disebut webkitTransitionEnd, Firefox adalah transisiEnd, opera adalah oTransitionEnd. Apa cara yang baik untuk menangani semuanya dalam JS murni? Haruskah saya melakukan browser sniffing? atau menerapkan masing-masing secara terpisah? Cara lain yang tidak terpikir oleh saya? yaitu: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : …

91 javascript  css  css-transitions  dom-events 

Apakah Anda tahu cara menyembunyikan ikon klasik "Gambar tidak ditemukan" dari halaman HTML yang dirender saat file gambar tidak ditemukan? Adakah metode kerja yang menggunakan JavaScript / jQuery / CSS?

91 javascript  jquery  html  css  image 

Saya memiliki elemen dengan gaya position: relative; transition: all 2s ease 0s; Kemudian saya ingin mengubah posisinya dengan mulus setelah mengkliknya, tetapi ketika saya menambahkan gaya, transisi tidak terjadi, melainkan elemen bergerak secara instan. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); Namun jika saya mengubah colorproperti misalnya, itu berubah dengan mulus. $$('.omre')[0].on('click',function(){ $$(this).style({color:'red'}); }); …

91 javascript  css  transition 

Saya tahu untuk meratakan teks secara vertikal ke tengah blok, Anda mengatur tinggi baris ke ketinggian yang sama dari blok. Namun, jika saya memiliki kalimat dengan kata di tengah, itu saja 2em. Jika seluruh kalimat memiliki tinggi baris yang sama dengan blok penampungnya, maka teks yang lebih besar diratakan secara …

91 css  text  vertical-alignment  baseline 

Saya mencoba untuk membuat perubahan warna latar belakang div saat mouse di atas . div {background: white;} div a: hover {background: abu-abu; lebar: 100%; tampilan: blok; dekorasi-teks: tidak ada;} hanya satu link di dalam div mendapat warna latar belakang . apa yang dapat saya lakukan untuk membuat seluruh div mendapatkan …

91 css  colors  background  hover 

Saya ingin menampilkan <input type="range" />kontrol slider secara vertikal. Saya hanya peduli dengan browser yang mendukung kontrol slider jangkauan. Saya telah menemukan beberapa komentar dan referensi yang sepertinya menunjukkan bahwa mengatur tinggi lebih besar dari lebar akan menyebabkan browser mengubah orientasi secara otomatis, tetapi dalam pengujian saya, itu hanya berfungsi …

91 html  css 

Saya memiliki pesan di bawah ini (sedikit berubah): "Ikuti kompetisi sebelum 30 Januari 2011 dan Anda bisa memenangkan hingga $$$$ - termasuk perjalanan musim panas yang luar biasa!" Saat ini saya memiliki: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> memformat string teks, tetapi ingin mengubah warna "30 Januari 2011" menjadi # FF0000 …

91 html  css  text  colors  inline 

Di situs web saya, saya menggunakan reset.css. Ini menambahkan persis ini ke gaya daftar: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, …

91 html  css  html-lists