Comments (1)
my solutions is:
:host >>> .npn-slider .slider.bar {
height: Npx !important;
}
:host >>> .npn-slider .slider .bar > span.left-handle{
background: N !important;
border: Npx solid N !important;
}
:host >>> .npn-slider .slider .bar > span.right-handle{
background: N !important;
border: Npx solid N !important;
}
:host >>> .npn-slider .slider .bar div.filler{
border: Npx solid #N !important;
}
:host >>> .npn-slider .slider .bar div.filler > span{
background: N !important;
}
:host >>> .npn-slider .slider .bar > span.left-handle .handle-tooltip{
background: N !important;
border: N px solid N !important;
color: N !important;
<<< you can add new styles >>>
letter-spacing: 1.3px !important;
}
:host >>> .npn-slider .slider .bar > span.right-handle .handle-tooltip{
background: N !important;
border: N px solid N !important;
color: N !important;
}
:host >>> .npn-slider .slider .bar > span.left-handle .handle-tooltip::after{
border-top-color:N !important;
}
:host >>> .npn-slider .slider .bar > span.right-handle .handle-tooltip::after{
border-top-color:N !important;
}
As for me it is better to use : :host for ng.deep
from npnslider.
Related Issues (12)
- Npn Slider not accepting 0 for min HOT 1
- Slider point doesn't follow to mouse pointer HOT 2
- angular 7 upgrade HOT 2
- Slider does not work on Chrome on Android HOT 2
- Use of Browser Module throw Error HOT 1
- How to format currency to the "min" and "max" ?
- How to style the slider ? HOT 3
- Keyboard Accessibility
- Migration to latest version of Angular
- Error: Hammer.js is not loaded, can not bind panend event HOT 3
- Slider point don't drag HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from npnslider.