- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我在这个元素中使用了 Mat Slider 并在它的拇指上显示文本值,但拇指尺寸对于我的文本来说太小了!我找了很多方法来改变拇指的大小,但我什么也没找到!我在 CSS 方面不是那么好,所以我不能乱用它来尝试让它发挥作用!你能帮我么 ?
编辑:
最佳答案
我现在遇到了这个确切的问题,经过一番研究后,我认为我有一个比较不错的解决方案您可以使用::ng-deep 定位垫 slider 的拇指,这样代码看起来像
::ng-deep .mat-slider-wrapper {
.mat-slider-thumb-container {
.mat-slider-thumb-label {
width: 50px;
height: 50px;
top: -62px;
right: -25px;
}
}
}
宽度和高度可以从默认值 28px 更改为您想要的值
顶部和右侧有点不同,因此默认右侧为 -14px,即 -(1/2) * 宽度,因此您可以使用它来计算您的右侧。顶部有点不同。默认顶部是 -40px 所以我只是添加 -(height - defaultHeight) 并得到 -62,但是当用更大的高度值测试它时它没有像我预期的那样工作所以修改他的顶部直到你得到所需的位置。
关于css - 更改 Material slider 拇指大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59302632/
如果滚动 Pane 的 View 组件足够大,则滚动条拇指很小,因此无法在 Windows L&F 上正确绘制。 这只是一个审美问题;滚动条功能正常,其他 L&F 似乎一切都很好。 有办法解决吗?也许
我对thumbor 很陌生,但我想知道是否可以使用我还不知道的特定选项来“放大”图像。 下面的简单示例: 到目前为止,我所理解的可能是,这可能意味着调整到特定区域的大小。但是我缺乏找到正确选项的经验(
我正在使用 Slider 控件来允许用户搜索视频流中的特定位置。我将 Slider 的 Value 属性绑定(bind)到 MediaElement 的 Position 属性。 我的问题是,当用户拖
我正在使用 nivo-slider,我正在尝试制作缩略图,但我无法让它工作。 这是我所拥有的: Nino Slider Demo Here is the tutorial on how to ,但我无
ASP .NET MVC3 购物车使用 Bootstrap 3。产品页面包含主图像和可变数量的缩略图。缩略图出现在单行 如果有很多缩略图,大白出现在它们的右边。 如何增强这种布局? 如何让拇指悬浮在购
我正在尝试使用 React 的样式化组件来设计 slider 样式,但我不知道如何设计拇指样式。我有一个看起来像这样的 CSS: .faderInput::-webkit-slider-thumb {
我正在尝试在单击 .thumb 时向 img 添加一个事件类。 我想做什么: 我得到的: $(document).ready(function() { $(".thumb").click(functi
Google 在这个问题上让我失望了。我正在研究是否可以更改 SeekBar 的 Pointer/Thumb 速度。示例:我将手指滑过屏幕一半,但指针只移动了四分之一。我的想法是在 OnStartTr
是否可以像在 UIKit 中使用 UISlider 那样在 SwiftUI 中更改 Slider 的缩略图?使用 UISlider,您所要做的就是:self.setThumbImage(UIImage
我的搜索栏有以下代码 seek_thumb 是一个名为 seek_thumb.9.png 的 9 补丁图像文件。无法识别此可绘制对象且未显示拇指的问题。但是,当我删除 .9 时。从文件名开始,然后我
我正在尝试找到一种灵活的跨浏览器解决方案来实现 png 图像作为我的范围输入的缩略图,因此我可以将其从这里转换: 对此: 在 chrome 中,css 标签“input[type=range]::-w
我想更改 JScrollBar 的外观。 我通过覆盖/扩展 ScrollBarUI 来做到这一点。 通过覆盖createIncreaseButton来改变箭头按钮的外观是没有问题的。和createDe
如何在 nimbus 中使用重击 slider 的默认箭头形状? 我设置了nimbus L&F,我的拇指形状是这样的圆形,但我想要一个像这样的三角形 。我怎样才能改变它或改回它的默认值(也就是说,没有
在一个应用程序中,我有一个包含数十个项目的 Spinner。 当用户点击微调器时,会出现一个弹出对话框,显示可能的选择列表。但是,由于有(排序的)数十个项目,我希望用户能够使用快速滚动拇指(如 Lis
当用户使用硬件音量按钮更改音量时,我希望我的 MPVolumeView Slider Thumb 将其自身动画化到该位置。我该怎么做? 最佳答案 创建一个 UIView mainVolumeSlide
如何使用 css 将图像设置为范围输入类型上的缩略图 slider ?它在 Internet Explorer 中不起作用。 Chrome 和 Firefox 没问题,但在 IE 上我的图像被隐藏了还
例如,LDR r0,[r1, #4]!,r1值将更改为r1+4然后加载值到r0,但是,当我尝试使用 LDR r0,[r1, r2]! 时,r1 没有改变。 我正在使用 TM4C123GH6PGE 和
我正在为我的网站创建一个范围 slider ,它需要在所有浏览器上看起来都一样。我现在在 IE 和 Edge 中遇到 slider 拇指大小的问题。我无法将拇指的高度增加到超过 slider 轨道 C
我是一名优秀的程序员,十分优秀!