Avatar for Username

সহায়তা খুঁজুন

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

আরও জানুন

এই থ্রেডটি সংরক্ষিত ছিল। যদি আপনি সাহায্য চান তাহলে অনুগ্রহ করে একটি নতুন প্রশ্ন জিজ্ঞাসা করুন

Help Moodle Button Style doesnt work on firefox (HTML)

  • 5 উত্তরসমূহ
  • 1 এই সমস্যাটি আছে
  • 3 দেখুন
  • শেষ জবাব দ্বারা tylar09pok

tylar09pok
tylar09pok
more options

This code Works on google chrome but doenst work in firefox please help!! 

<button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=8" style="color: #000000;" alt="Recuperação">RECUPERAÇÃO</a></button>

ps: i try to change "webkit" to moz, and doesnt work either

This code Works on google chrome but doenst work in firefox please help!! <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;"> <a href="https://ava.cefetmg.br/course/view.php?id=270&amp;section=8" style="color: #000000;" alt="Recuperação">RECUPERAÇÃO</a></button> ps: i try to change "webkit" to moz, and doesnt work either

সমাধান চয়ন করুন

The linear-gradient works for me. See:

I think that Firefox prefers this format: 

<a href="https://ava.cefetmg.br/course/view.php?id=270&section=2" style="color: #000000;" alt="Técnica, Tecnologia, Computadores e Internet"><button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">Unidade I</button></a>
প্রেক্ষাপটে এই উত্তরটি পড়ুন। 👍 1

All Replies (5)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Firefox will use -webkit prefixed properties if it doesn't find a preferred form (such as unprefixed or -moz prefixed) -- unless the user had turned that off in about:config, which is unlikely.

What version of Firefox are you testing in? The rule works in Firefox 59 (Nightly test release). (Screenshot attached.) However, there has been ongoing work with multiprocess and form controls over the past year so it could be different in other versions.

tylar09pok
tylar09pok প্রশ্নের মালিক
more options

i am using the last version, i work with moodle ,and the button works in google chrome and IE , the button shows, but when i click doesnt work

When you click the button should redirect to another page.

the href does not work.

full code: NO no button works 

<button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=1" style="color: #000000;" alt="AVA">AVA</a></button>

 <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=2" style="color: #000000;" alt="Técnica, Tecnologia, Computadores e Internet">Unidade I</a></button>
 <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=3" style="color: #000000;" "comunicação,="" computadores="" e="" internet"="">Unidade II</a></button>
 <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=4" style="color: #000000;" alt="Os riscos do uso da Internet">Unidade III</a></button>
 <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=5" style="color: #000000;" alt="Avaliação Semipresencial">SEMIPRESENCIAL</a></button>
 <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=6" style="color: #000000;" alt="O que é a EaD?">Unidade IV</a></button>
 <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=7" style="color: #000000;" alt="Conhecendo a Informática">Unidade V</a></button>
 <button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">
  <a href="https://ava.cefetmg.br/course/view.php?id=270&section=8" style="color: #000000;" alt="Recuperação">RECUPERAÇÃO</a></button>

</div>

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

I misunderstood. When you said the style was not working, I thought the problem was the appearance.

This came up before but I can't find the thread.

(1) Does not work in Firefox -- the click does not activate the link

<button><a href="https://support.mozilla.org/" target="_blank">Support</a></button>

(2) Works in Firefox

<a href="https://support.mozilla.org/" target="_blank"><button>Support</button></a>

It appears that button takes the click event, so when the link is inside the button, it never receives the click. Have a play:

https://jsfiddle.net/eabLnyb9/

P.S. Not a new issue. January 2012: html - Button link doesn't work in Firefox, IE - Stack Overflow

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

চয়ন করা সমাধান

The linear-gradient works for me. See:

I think that Firefox prefers this format: 

<a href="https://ava.cefetmg.br/course/view.php?id=270&section=2" style="color: #000000;" alt="Técnica, Tecnologia, Computadores e Internet"><button style="background:-webkit-linear-gradient(top, #ffffff 0%, #0f71ba 100%); height: 26px; color: #000000;">Unidade I</button></a>
tylar09pok
tylar09pok প্রশ্নের মালিক
more options

Thanks man! you save me !