F# 使用新的Fable.Browser.Dom时,是什么替换了旧的HTMLElement.style

F# 使用新的Fable.Browser.Dom时,是什么替换了旧的HTMLElement.style,f#,fable-f#,F#,Fable F#,我用fulma demo启动了一个项目,并尝试从另一个使用Fable和fulma的旧版本的示例项目中移植一些代码。它有以下不会编译的行: testWrapper.style.borderColor <- "#E95D0F" 随着Fable.Core v3的发布,阿方索开始重新编写一些“历史”软件包,如Fable.Import.Browser 您可能没有注意到,但许多Fable库都依赖于庞大的Fable.Import.Browser包,这是一个包含12000多行的文件,大多数IDE都难以打

我用fulma demo启动了一个项目,并尝试从另一个使用Fable和fulma的旧版本的示例项目中移植一些代码。它有以下不会编译的行:

testWrapper.style.borderColor <- "#E95D0F"

随着Fable.Core v3的发布,阿方索开始重新编写一些“历史”软件包,如
Fable.Import.Browser

您可能没有注意到,但许多Fable库都依赖于庞大的
Fable.Import.Browser
包,这是一个包含12000多行的文件,大多数IDE都难以打开。此文件是使用来自Typescript定义的TS2Table在其原始位置自动生成的。它还包含手动调整,但是,这与它的大小一起使它很难更新

引自

因此,
Fable.Import.Browser
被分为几个包:

  • Fable.Browser.Blob
  • Fable.Browser.Dom
  • Fable.Browser.Event
  • Fable.Browser.Performance
  • Fable.Browser.Url
  • Fable.Browser.WebSocket
  • Fable.Browser.WebStorage
  • Fable.Browser.XMLHttpRequest
但是,它仍然缺少
Fable.Browser.Svg
Fable.Browser.Css
。我已经有了Fable.Browser.Svg的版本,我正在制作一个Fable.Browser.Css的版本,希望它们很快可以使用

也就是说,如果您现在需要访问元素的
样式
属性,则需要使用
动态键入

open Fable.Core.JsInterop
open Browser
open Browser.Types

let testWrapper = document.querySelector(".test-wrapper")  :?> HTMLElement

testWrapper?style?borderColor <- "#E95D0F"
openfable.Core.JsInterop
打开浏览器
打开浏览器。键入
让testWrapper=document.querySelector(“.testWrapper”):?>HTMLElement

testWrapper?style?borderColor我读过那篇文章,但出于某种原因没有注册关于缺少Fable.Browser.Css的评论
open Fable.Core.JsInterop
open Browser
open Browser.Types

let testWrapper = document.querySelector(".test-wrapper")  :?> HTMLElement

testWrapper?style?borderColor <- "#E95D0F"