Tautan masih digarisbawahi meskipun dekorasi teks disetel ke none

Saya telah melihat beberapa pertanyaan terkait di situs ini, namun semuanya tampaknya disebabkan oleh masalah pemilih, namun menurut saya bukan itu masalahnya di sini.
Dalam kasus saya, Google Chrome dan Safari keduanya memberi tahu saya bahwa gaya yang dihitung untuk tag a yang dimaksud memiliki text-decoration:none.
Memilih tag a dan menyetel text-decoration:none tidak ada bedanya karena keduanya sudah memiliki text-decoration:none.
Halaman ini ditata dari beberapa lembar gaya yang berbeda, termasuk satu dari saya tema blog, salah satu dari impor dengan namespace dari Materialize framework dan yang terakhir adalah stylesheet yang ditentukan pengguna yang saya biarkan kosong (jadi saya belum menyertakan CSS dalam posting ini).

Demo: http://codepen.io/prashcr/pen/RaBKGY

Berikut HTMLnya:

    <body class="site animated fade-in-down">
     <div class="site-wrap center">

    <div class="post p2 p-responsive wrap" role="main">
      <div class="measure">
        <div class="mcss">
  <div class="container">
    <div class="row">
      <div class="col s12 m7">
        <div class="card">
          <div class="card-image waves-effect waves-block waves-light">
            <img class="activator" src="http://materializecss.com/images/office.jpg">
          </div>
          <div class="card-content">
            <span class="card-title activator grey-text text-darken-4">
              Kanban<i class="material-icons right">more_vert</i>
            </span>
            <p><a href="/id#!">This is a link</a></p>
          </div>
          <div class="card-action">
            <a href="/id#">This is a link</a>
            <a href="/id#">This is a link</a>
          </div>
          <div class="card-reveal">
            <span class="card-title grey-text text-darken-4">
              Card Title<i class="material-icons right">close</i>
            </span>
            <p>Here is some more information about this product that is only revealed once clicked on.</p>
          </div>
        </div>
      </div>
      <div class="col s12 m5">
        <div class="card">
          <div class="card-image waves-effect waves-block waves-light">
            <img class="activator" src="http://materializecss.com/images/office.jpg">
          </div>
          <div class="card-content">
            <span class="card-title activator grey-text text-darken-4">
              Camper News<i class="material-icons right">more_vert</i>
            </span>
            <p><a href="/id#!">This is a link</a></p>
          </div>
          <div class="card-action">
            <a href="/id#">This is a link</a>
            <a href="/id#">This is a link</a>
          </div>
          <div class="card-reveal">
            <span class="card-title grey-text text-darken-4">
              Card Title<i class="material-icons right">close</i>
            </span>
            <p>Here is some more information about this product that is only revealed once clicked on.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

      </div>
    </div>
  </div>
</body>

css materialize
person Prashanth Chandra    schedule 22.04.2016    source sumber

Jawaban (3)


arrow_upward
7
arrow_downward

Ini bukan hiasan teks di sana. Itu adalah gambar latar belakang. Alat pengembang Chrome menunjukkan ini:

a {
    color: #0076df;
    background-image: linear-gradient(to top, transparent 13%, rgba(0, 118, 223, 0.8) 13%, rgba(0, 118, 223, 0.8) 18%, transparent 17%);
    text-shadow: white 1px 0px 0px, white -1px 0px 0px;
}

Saat saya menonaktifkan propertibackground-image di alat pengembang, garis biru menghilang.

person Julia    schedule 22.04.2016
comment
Anda mengalahkan saya sekitar 20 detik, @Julia. - person Andy Hoffman; 22.04.2016
comment
Dan saya sekitar 10 detik lebih banyak :P Kerja bagus (Atau Kecepatan bagus) - person Pratyush Vashisht; 22.04.2016
comment
akhirnya setelah saya berhasil menulis jawabannya dulu :D - person Julia; 22.04.2016

arrow_upward
3
arrow_downward

Oke, mungkin ini akan membantu Anda

.mcss a:active, .mcss a:hover {background-image: none;} .mcss a {color: #039be5;background-image: none;text-decoration: none;}

person Sus Hill    schedule 22.04.2016

arrow_upward
0
arrow_downward

Tambahkan background-image: none; ke .mcss a

.mcss a {
    color: #039be5;
    text-decoration: none;
    background-image: none;
}
person Ismail Farooq    schedule 22.04.2016