Pertanyaan yang diberi tag «css»

Saya telah menggunakan glyphicons di bootstrap 2.3 tetapi sekarang saya telah mengupgrade ke bootstrap 3.0. Sekarang, saya tidak dapat menggunakan properti ikon. Dalam bootstrap 2.3, tag di bawah ini berfungsi <i class="icon-search"></i> Di bootstrap 3.0, itu tidak berfungsi.

86 html  css  twitter-bootstrap-3 

Saya menggunakan file Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass untuk membuatnya _font-awesome.sass jadi saya bisa @importdi proyek Sass saya. Saya juga menggunakan http://middlemanapp.com/ untuk mengonversi Sass ke Css . Pertanyaan: Apakah ada cara untuk hanya membawa kelas ikon bekas ke dalam .css saya yang dikonversi? Karena saat ini ia membawa semua kelas …

86 css  sass  font-awesome 

Yang saya inginkan hanyalah bisa mengubah warna peluru dalam daftar menjadi abu-abu terang. Standarnya menjadi hitam, dan saya tidak tahu bagaimana mengubahnya. Saya tahu saya hanya bisa menggunakan gambar; Saya lebih suka tidak melakukan itu jika saya bisa membantu.

86 html  css  html-lists 

Tertutup . Pertanyaan ini membutuhkan detail atau kejelasan . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Tambahkan detail dan klarifikasi masalah dengan mengedit posting ini . Tutup 2 tahun lalu . Perbaiki pertanyaan ini Apakah mungkin untuk menampilkan dan menyembunyikan teks menggunakan tautan dengan hanya CSS - tanpa …

86 css 

Jadi, saya memiliki app/assets/stylesheets/struktur direktori yang terlihat seperti ini: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements Di setiap direktori, ada beberapa bagian sass (biasanya * .css.scss, tetapi satu atau dua * .css.scss.erb). Saya mungkin berasumsi banyak, tetapi Rails HARUS secara otomatis mengkompilasi semua file di direktori tersebut karena …

86 css  ruby-on-rails  asset-pipeline  sass 

Bagaimana menerapkan perbatasan inset ke dalam elemen HTML, tetapi hanya di satu sisi saja. Sampai sekarang, saya telah menggunakan gambar untuk melakukan itu (GIF / PNG) yang kemudian akan saya gunakan sebagai latar belakang dan merentangkannya (repeat-x) dan posisikan sedikit dari atas blok saya. Baru-baru ini, saya menemukan properti CSS …

86 html  css 

Ini mungkin Kompas 101, tetapi apakah ada yang menulis mixin yang menetapkan nilai alfa suatu warna? Idealnya, saya ingin mixin mengambil bentuk definisi warna apa pun, dan menerapkan transparansi: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include …

86 css  sass  compass-sass  rgba 

Saya memusatkan DIV di dalam DIV lain menggunakan flexbox. Pikirkan jendela dialog yang muncul di tengah layar bila diperlukan. Ini berfungsi dengan baik, namun akan terlihat jauh lebih baik jika ruang di atas dan di bawah dialog tidak persis sama, memiliki 40% dari ruang yang tersisa berada di atas dan …

23 html  css  flexbox  centering 

Saya berjuang dengan masalah ini cukup lama sekarang. Masalahnya dapat dilihat pada perangkat seluler (Android dan iOS), beberapa perangkat mungkin perlu sedikit diperbesar. Di PC, saya juga dapat mereproduksi bug ini di browser Chrome saat beralih ke mode seluler. Di bawah ini adalah kode yang digunakan untuk mereproduksi bug: <!DOCTYPE …

23 html  css 

function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …

20 javascript  html  css 

Misalnya, saya punya ini: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan dan ini: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> <div style="text-indent: …

19 html  css  acid3 

Saya punya daftar, dengan overflow-xdan overflow-ydiatur ke auto. Selain itu, saya telah menyiapkan gulir momentum, sehingga gulir sentuh berfungsi dengan baik di seluler, menggunakan webkit-overflow-scrolling: true. Masalahnya, bagaimanapun, adalah bahwa saya tidak tahu cara menonaktifkan gulir horizontal saat menggulir secara vertikal. Ini mengarah pada pengalaman pengguna yang benar-benar buruk, karena …

17 javascript  html  css  angular  ionic-framework 

Saya mencoba membuat sistem menu dengan gambar dan teks di atas dan di bawah. Data bersifat dinamis. Saya ingin sistem menu muncul sehingga setiap gambar berjarak sama dari satu sama lain sehingga mereka berbaris dalam kisi-kisi gambar baik secara horizontal maupun vertikal. Masalahnya adalah teks. Jika teks lebih panjang dari …

17 html  css  flexbox 

Saya ingin membuat lingkaran bertitik dengan CSS dan membuatnya dengan proses berikut. Meskipun lingkaran putus-putus dapat ditampilkan oleh proses ini, Kesenjangan antara ujung dan awal garis putus-putus menjadi sempit, dan celah itu tidak seragam. .c { width: 500px; height: 500px; border-width: 15px; border-style: dashed; border-radius: 600px; } <div class="c"></div> Jalankan …

16 javascript  html  css 

Saya punya meja dengan angka. Ketika saya mengklik sel di tabel, ini akan mengaktifkan status aktif. Saya ingin memilih satu sel dan tekan crtl dan pilih sel lain, dan sebagai hasilnya sel antara yang pertama dan yang kedua akan menjadi aktif. Bagaimana cara mengimplementasikannya? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> <div class="cell">1</div> …

16 javascript  html  css