So I have search through the forum and documentation, as well as the Webkit CSS link page, but still can seem to implement changing the width of the scrollbar.

Here's a snippet of what i have so far:

BrowserOptions BrowserOpt = new BrowserOptions();
BrowserOpt.UserStyleSheet = "[CSS] ::-webkit-scrollbar { width: 20px; }";
Runtime.SetDefaultOptions(BrowserOpt);

Is this correct? It doesn't change the scrollbar at all.

Any help would be appreciated.
Thx

So i copied and pasted the CSS string but still not changing the scrollbar.
I put the code in the form instance under InitializeComponent()
In this form is the webview.

Is there a specific place to put this CSS code?

Still no luck. The scrollbar CSS settings work great in the Webkit demo link, but can't seem to get it to work in my app.

I have the below code in Program class
static void Main()
{
//set css scrollbar
BrowserOptions BrowserOpt = new BrowserOptions();
BrowserOpt.UserStyleSheet = @"
::-webkit-scrollbar{
width: 30px;
}

::-webkit-scrollbar-track{
background: black;
}

::-webkit-scrollbar-thumb{
background-color: gray;
}
";

Runtime.SetDefaultOptions(BrowserOpt);

Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
Application.Run(new frmMain());
}

Strange. So I updated to the latest EO.WebBrowser.dll (V.3.0.112)
And started with a brand new .NET solution to make sure its not something else causing the issue.
I still can't get the CSS to work.

Here is what i'm running:
EO.WebBrowser.dll (V.3.0.112)
VS 2010 .NET 4.0
Winform

Ok, Test app has been sent.

Ok, makes sense. So where are the pages own CSS Rules set? It must be default when adding the webcontrol/webview, but i can't seem to find it.

Thanks,

Ok, i understand now. So if the page is setting it with the exact same name, I won't be able to override the scrollbar through code. Correct?

A followup question...

IS it possible to get the height of the page once its loaded? I'm trying to use a custom scrollbar and adjust the scrollbar length to the webpage height.

Another option that i'm considering to replace the scrollbar since changing it via the CSS is not an option.
The below code is possible using .NET's included webBrowser control, but not sure if EO.WebBrowser exposes .Document.Body

I want to add a VScrollBar control and bind it to the Document Body of the browser. Is this possible in EO?

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
this.vScrollBar1.Minimum = 0;
Rectangle r = this.webBrowser1.Document.Body.ScrollRectangle;
this.vScrollBar1.Maximum = r.Height;
}

Private void vScrollBar1_Scroll (object sender, ScrollEventArgs e)
{
webBrowser1.Document.Window.ScrollTo (0, vScrollBar1.Value);
}

Ok thanks for the feedback.

So i refuse to give up on this, or try to find a work around in the meantime.

I have an idea, to insert the CSS rule via javascript AFTER the page is loaded in order to override the default scrollbar CSS.

I read through the EO Online Doc, and know you can execute Javascript using the JSObject, etc.

Can you tell me how to execute these two lines of javascript using EvalScript?
var sheet = document.styleSheets[0];
sheet.insertRule("::-webkit-scrollbar{ width: 30px;}");

thanks,