Pertanyaan yang diberi tag «css»

Menggunakan contoh inti yang diambil dari halaman contoh Javascript Bootstrap 3 untuk Ciutkan , saya telah dapat menunjukkan keadaan runtuhnya menggunakan ikon chevron. Saya memiliki ini berfungsi menggunakan: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Ini berfungsi (tidak sepenuhnya diuji di semua browser), tapi saya ingin …

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Saya memiliki header div sebagai elemen pertama di wrapper div saya, tetapi ketika saya menambahkan margin atas ke h1 di dalam header header itu mendorong seluruh header header ke bawah. Saya menyadari ini terjadi setiap kali saya menerapkan margin atas ke elemen pertama yang terlihat pada halaman. Berikut ini cuplikan …

126 html  css  xhtml 

Saya memiliki elemen pilih, saya ingin menghapus panah, lalu saya dapat menambahkan ikon lainnya .. saya bisa melakukannya untuk Firefox Safari dan Chrome, tetapi ini tidak berfungsi pada IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default …

126 html  css  html-select 

Saya ingin div selalu di sebelah kanan div induknya, jadi saya gunakan float:right. Berhasil. Tapi saya juga ingin itu tidak mempengaruhi konten lain saat dimasukkan, jadi saya gunakan position:absolute. Sekarang float:righttidak berfungsi, div saya selalu di sebelah kiri div induknya. Bagaimana saya bisa memindahkannya ke kanan?

126 css  css-float  position 

Saya memiliki dua gambar yang perlu dijaga tetap sejajar; Saya ingin menulis teks di bawah setiap gambar. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Bagaimana saya bisa menerapkan?

126 css  html 

Apakah ada cara untuk pengembang web untuk mematikan pemeriksaan ejaan Chrome / Safari / WebKit pada tertentu inputatau textareaunsur-unsur? Maksud saya baik dengan atribut tag khusus atau instruksi CSS berpemilik. Ada instruksi CSS untuk mematikan garis besar inputjadi saya pikir itu mungkin juga ada. Saya tahu bagaimana pengguna bisa melakukannya. …

126 html  css  google-chrome  spell-checking 

Saya memiliki di halaman saya sebuah tombol yang ketika diklik menampilkan div(gaya popup) di tengah layar saya. Saya menggunakan CSS berikut untuk memusatkan divdi tengah layar: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; …

126 html  css  scroll  position  centering 

Saya baru saja menemukan Sass, dan saya sangat bersemangat tentangnya. Di situs web saya, saya menerapkan menu navigasi seperti pohon, yang ditata menggunakan kombinator anak ( E > F). Apakah ada cara untuk menulis ulang kode ini dengan sintaks yang lebih sederhana (atau lebih baik) di Sass? #foo > ul …

126 css  css-selectors  sass 

Saya ingin menjaga tinggi #abc divpada 50pxdan teks untuk disejajarkan secara vertikal di tengah div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> Jalankan cuplikan …

126 css  vertical-alignment 

Apa yang saya coba lakukan adalah mengubah tooltip warna menjadi merah. Namun, saya juga ingin memiliki beberapa warna lain jadi saya tidak hanya ingin mengganti warna tooltip asli. Bagaimana saya akan melakukan ini?

126 html  css  twitter-bootstrap 

Sepertinya telah ada pembaruan terkini untuk Google Chrome yang menyebabkan teks kabur setelah melakukan transform: scale(). Secara khusus saya melakukan ini: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Jika …

126 google-chrome  css  webkit  transform  css-animations 

Hanya dengan menggunakan css, bagaimana saya bisa mengganti css hanya untuk kolom ke-2 dari sebuah tabel. Saya bisa mendapatkan semua kolom menggunakan: .countTable table table td Saya tidak dapat mengakses html di halaman ini untuk memodifikasinya karena ini bukan situs saya. Terima kasih.

126 css 

Saya ingin membuat daftar ini dalam satu baris. Daftar item1 Daftar item2 Harus ditampilkan sebagai * Daftar item2 * Daftar item2 Gaya CSS apa yang digunakan?

126 css 

Apa yang autodilakukan margin:0 auto;? Sepertinya saya tidak mengerti apa yang autodilakukannya. Saya tahu itu terkadang memiliki efek pemusatan objek. Terima kasih.

126 css 

Apakah mungkin membuat bungkus kisi CSS tanpa menggunakan kueri media? Dalam kasus saya, saya memiliki jumlah item non-deterministik yang ingin saya tempatkan dalam kotak dan saya ingin kotak itu membungkusnya. Dengan menggunakan Flexbox, saya tidak dapat mengatur ruang dengan baik. Saya juga ingin menghindari banyak pertanyaan media. Berikut beberapa contoh …

126 html  css  css-grid