CSS - Multiple text-decorations with style and color

Question

I want to make a text with red wavy underline and blue dashed overline using text-decoration.
This is my code: (working only in Mo

Answer 1

Try This:

span {
    position: relative;
    text-decoration: underline wavy red;
    border-top: 2px dashed blue;
}

 Some Text 

Aswer your comment is here:

span {
    position: relative;
    text-decoration: underline wavy red;
}

span:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    border-top: 2px solid blue;
    top: 10px;
}

 Some Text