wpf WebBrowser 默认滚动条样式修改

最新推荐文章于 2022-09-14 09:12:33 发布
最新推荐文章于 2022-09-14 09:12:33 发布
阅读量398 收藏
点赞数 1
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41619400/article/details/114670393
版权

WebBrowser  默认采用的是IE 内核。所以 进度条样式无法做美化。以下策略： 修改为与背景颜色一致，WebBrowser 加载默认获取焦点，鼠标滚轮触发滚动事件。

 string head = "<html}><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">"
                            + "<style>"
                           + "body{"
                              /* IE 浏览器 */

                              /*三角箭头的颜色*/
                              + " scrollbar-arrow-color: #fff;"
                              /*滚动条滑块按钮的颜色*/
                              + "scrollbar-face-color: #fff;"
                              /*滚动条整体颜色*/
                              + "scrollbar-highlight-color: #fff;"
                               /*滚动条阴影*/
                               + "scrollbar-shadow-color: #fff;"
                              /*滚动条轨道颜色*/
                              + "scrollbar-track-color: transparent;"
                              /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
                              + " scrollbar-3dlight-color:#fff;"
                               /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
                               + "scrollbar-darkshadow-color: #fff;"
                              /*滚动条基准颜色*/
                              + " scrollbar-base-color: transparent;"


                           + "}"

                         + "</style>"



                            + "</head></html>";
                            string myHTMLContent = head + String.Format(data["answer"].ToString());
                            AnswerContent.NavigateToString(myHTMLContent);

 

weixin_41619400
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端入门到实战：CSS设置滚动条样式
软件开发-前端开发-IT
10-11 1698
webkit滚动条样式重置 1、scrollbar包含scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thumb的上半部分和半下部分。 2、scrollbar corner为横向和竖向的交叉角区域 3、resize用来设置滚动条的交汇处上用于拖动调整元素大小的小控件 组成结构图如下： 一旦发现滚动条的自定义...
wpf 使用 WebBrowser 隐藏滚动条
chr23899的专栏
10-09 6516
近期开发项目时，遇到了在wpf中加载的WebBroswer
WPF ScrollViewer(滚动条) 仿苹果样式
02-05
仿苹果样式滚动条 http://www.cnblogs.com/lanymy/p/3242569.html 仿苹果样式滚动条 http://www.cnblogs.com/lanymy/p/3242569.html
C# 用VScrollBar控制webbrowser的滚动条 简单测试
11-25
用VScrollBar控制webbrowser的滚动条，如在触摸屏上webBrowser垂直滚动条太小，不方便使用，用VScrollBar来替换,
直接修改TWebBrowser显示内容
dypher的专栏
10-08 979
procedure TForm1.Button1Click(Sender: TObject); begin   Webbrowser1.Navigate(about:blank);end; procedure TForm1.Button2Click(Sender: TObject); var   V: OleVariant; begin   V := WebBrowser1.Document;
关于webbrowser更改字体大小的方法
weixin_30740295的博客
01-09 495
1.用js（不推荐这种动态更改的方法，因为有“更改瞬间”），关键代码： private const string Js = @"<script> function zoomIn() { document.body.style.fontSize =1.4 + 'em'; document.body.style.lineHeight = 40 + 'px'...
WPF如何自定义ProgressBar滚动条样式
08-25
WPF自定义ProgressBar滚动条样式 WPF中，ProgressBar是一个常用的控件，用于显示进度信息。但是，默认的ProgressBar样式可能不符合我们的需求，或者与程序风格不符。这时，我们需要自定义ProgressBar的样式来满足...
wpf滚动条样式
11-18
本压缩包包含的“wpf滚动条样式”提供了两种不同的滚动条风格，旨在增强应用程序的视觉效果和用户体验。通过在项目的加载资源文件中修改资源文件名称，您可以轻松地在应用中引入这些自定义样式。 首先，让我们深入...
webbrowser滚动条隐藏
10-29
这个主题“webbrowser滚动条隐藏”主要涉及到CSS样式控制和技术实现，我们将深入探讨如何通过CSS来隐藏滚动条以及相关的一些考虑因素。 首先，滚动条隐藏的最常见方法是利用CSS3的伪元素选择器`::webkit-scrollbar`...
WPF拖动DataGrid滚动条时内容混乱的解决方法
12-30
在WPF中，如果DataGrid里使用了模板列，当拖动滚动条时，往往会出现列表内容显示混乱的情况。解决方法就是在Binding的时候给UpdateSourceTrigger赋值。 <RowDefinition Height=25></RowDefinition> ...
C#的WebBrowser自动滚动
biyusr的专栏
09-14 610
C#使WebBrowser自动滚动，需要加一个定时控件Timer。这样就完成了滚动条自动滚动的问题。
C#让WebBrowser滚动条自动上下滚动一定时间
weixin_34217711的博客
02-04 282
namespace test_gundong{ public partial class Form1 : Form { int current = 0; Timer timeDown = new Timer(); Timer timeUp = new Timer(); public Form1() ...
WebBrowser控件——设置滚动条位置
冷秋魂的专栏
12-26 7056
 遇到一个问题：在用WebBrowser控件打开网页后，让网页中的滚动条滚动到最底部。在网上找到了方法：用DCOM组件技术，获取HTML接口指针。（前一阵做调用网页中的JavaScript函数也是采用这种技术）。代码如下：boolput_scrollTop(){         HRESULT hr;         CComPtr spDisp;        
CSS自定义滚动条样式与颜色
purecss的专栏
11-11 1080
滚动条样式一般情况我们都是使用默认的，但用在设计创意类网站可能滚动条样式都需要重新定义了，下面我来介绍CSS自定义滚动条样式与颜色方法。 IE的专有属性：
C# 程序隐藏在托盘，快捷方式启动Show出来。
weixin_41619400的博客
12-08 916
1、第一种情况: 最小化+托盘 public App() { this.Startup += App_Startup; } private void App_Startup(object sender, StartupEventArgs e) { bool ret; mutex = new System.Threading.Mutex(true, "RsVPN", ou
wpf listbox 修改滚动条样式
最新发布
05-21
可以通过自定义ListBox的样式来修改滚动条的样式。以下是一些基本步骤： 1. 创建ListBox控件的样式 ```xml <Style x:Key="CustomListBoxStyle" TargetType="{x:Type ListBox}"> <Setter Property="SnapsToDevicePixels" Value="true"/> <Setter Property="OverridesDefaultStyle" Value="true"/> <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/> <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/> <Setter Property="ScrollViewer.CanContentScroll" Value="true"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ListBox}"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}"> <ScrollViewer Focusable="false" Padding="{TemplateBinding Padding}"> <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> </ScrollViewer> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> ``` 2. 创建ScrollBar控件的样式 ```xml <Style TargetType="{x:Type ScrollBar}"> <Setter Property="Stylus.IsFlicksEnabled" Value="false"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ScrollBar}"> <Grid> <Grid.RowDefinitions> <RowDefinition MaxHeight="18"/> <RowDefinition Height="0.00001*"/> <RowDefinition MaxHeight="18"/> </Grid.RowDefinitions> <Border Grid.RowSpan="3" CornerRadius="2" Background="#F0F0F0"/> <RepeatButton Grid.Row="0" Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.LineUpCommand"/> <Track Grid.Row="1" Name="PART_Track"> <Track.DecreaseRepeatButton> <RepeatButton Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.PageUpCommand"/> </Track.DecreaseRepeatButton> <Track.IncreaseRepeatButton> <RepeatButton Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.PageDownCommand"/> </Track.IncreaseRepeatButton> <Track.Thumb> <Thumb Style="{DynamicResource ScrollBarThumbStyle}" Margin="1,0,1,0"/> </Track.Thumb> </Track> <RepeatButton Grid.Row="2" Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.LineDownCommand"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> ``` 3. 在ListBox中应用自定义样式 ```xml <ListBox Style="{StaticResource CustomListBoxStyle}"> <!-- Add items here --> </ListBox> ``` 4. 修改ScrollBar的样式 你可以修改ScrollBar的样式，使其更加符合你的需求。例如，你可以修改ScrollBar的颜色、大小等属性。以下是一个示例： ```xml <Style TargetType="{x:Type ScrollBar}"> <Setter Property="Width" Value="20"/> <Setter Property="Foreground" Value="#FF00FF"/> <Setter Property="Background" Value="#FFFFFF"/> <Setter Property="BorderBrush" Value="#000000"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="Padding" Value="0"/> <Setter Property="Margin" Value="0"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ScrollBar}"> <Grid> <Grid.RowDefinitions> <RowDefinition MaxHeight="18"/> <RowDefinition Height="0.00001*"/> <RowDefinition MaxHeight="18"/> </Grid.RowDefinitions> <Border Grid.RowSpan="3" CornerRadius="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/> <RepeatButton Grid.Row="0" Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.LineUpCommand"/> <Track Grid.Row="1" Name="PART_Track"> <Track.DecreaseRepeatButton> <RepeatButton Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.PageUpCommand"/> </Track.DecreaseRepeatButton> <Track.IncreaseRepeatButton> <RepeatButton Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.PageDownCommand"/> </Track.IncreaseRepeatButton> <Track.Thumb> <Thumb Style="{DynamicResource ScrollBarThumbStyle}" Margin="1,0,1,0"/> </Track.Thumb> </Track> <RepeatButton Grid.Row="2" Style="{DynamicResource ScrollBarButtonStyle}" Command="ScrollBar.LineDownCommand"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值