Cordova Text Font has White outline coming?

Question

I am making a Cordova app. The Problem is my text has a white outline which doesn't look good.

I have a div with background-color: yellow;. Inside the div, I have written some text. The problem is that the text has a white outline. I want to remove that. Any Suggestions?

Thanks.

enter image description here

Possibly a [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) issue?... — War10ck, Dec 17 '14 at 14:18

score 0 · Answer 1 · edited May 23 '17 at 12:05

0

Try adding:

outline: 0;

to the css of your text element.

Source: How to remove border (outline) around text/input boxes? (Chrome)

The person above seems to have a similiar issue.

Informative link: http://www.w3schools.com/cssref/pr_outline.asp

edited May 23 '17 at 12:05

Community

1
1

answered Dec 17 '14 at 14:11

Gerwin

1,572
5
23
51

`!important;` Ahhh :O Usually not the best idea to override the precedence. If it works when testing, it probably be a good idea to find which style is being overwritten and write a more specific one. `!important;` is a nasty habit to get into and makes for tough CSS challenges going forward. – War10ck Dec 17 '14 at 14:15
That's true, but sometimes it's the only solution, some browsers have styles which can only be overwritten using !important – Gerwin Dec 17 '14 at 14:17

score 0 · Accepted Answer · answered Dec 17 '14 at 14:39

0

This indeed doesn't look like an outline issue. Try to set text-shadow to none.

answered Dec 17 '14 at 14:39

robjez

3,740
3
32
36

Cordova Text Font has White outline coming?

2 Answers2