question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Anchors with ion-button and color are getting text and button color classes

See original GitHub issue

The following markup:

  <a ion-button color="secondary">Button</a>

results in a button that looks like this:

screen shot 2016-09-29 at 1 55 55 pm

caused by it getting both the .text-secondary (anchor) and .button-secondary classes.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:10 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
alan-agius4commented, Sep 30, 2016

Same thing is happening on;

<a ion-item color="secondary">item</a>
1reaction
brandyscarneycommented, Oct 3, 2016

I’m thinking that may be the best solution. With a custom directive for anchor tags we wouldn’t be automatically styling anchors to have the Ionic look. Adam and I are going to discuss this some more and I’ll update the issue after. 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Anchors with ion-button and color are getting text and ... - GitHub
Basically it adds an attribute called ion-text that should be added to any HTML element in order to use the color input. All...
Read more >
ion-button - Ionic Framework
CSS Custom Properties​ ; --color-focused, Text color of the button when focused with the tab key ; --color-hover, Text color of the button...
Read more >
ion-button - Ionic Documentation
They may display text, icons, or both. Buttons can be ... This attributes determines the background and border color of the button. By...
Read more >
ion-button | Ionic Documentation
This attributes determines the background and border color of the button. By default, buttons have a solid background unless the button is inside...
Read more >
Style or Change Default App Colors - Ionic Framework
Ionic has nine default colors that can be used to change the color of many components. Learn how to utilize Ionic CSS color...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found