动态设置属性时，内联样式不起作用

是因为内联样式是直接写在HTML标签的style属性中的样式，而动态设置属性是通过JavaScript或其他编程语言来修改元素的属性值。当使用动态设置属性的方式来修改样式时，如果没有特殊处理，内联样式将会被覆盖或失效。

解决这个问题的方法有多种，以下是几种常见的解决方案：

1. 使用classList属性：可以通过classList属性来添加、移除或切换元素的类名，从而实现样式的修改。通过在CSS中定义相应的类名，然后使用JavaScript来操作classList属性，可以实现动态设置属性时样式的生效。
2. 使用style属性的setProperty方法：可以使用元素的style属性的setProperty方法来设置样式属性和值。这种方式可以在动态设置属性时保持内联样式的生效。
3. 使用CSS变量（CSS Variables）：CSS变量是一种在CSS中定义的可重用的值，可以在整个样式表中使用。通过在根元素或其他适当的位置定义CSS变量，然后在动态设置属性时修改CSS变量的值，可以实现样式的动态变化。
4. 使用外部样式表或内部样式表：如果动态设置属性时内联样式不起作用，可以考虑将样式定义在外部样式表或内部样式表中，并在动态设置属性时修改元素的class属性或其他属性来切换不同的样式。

总结起来，动态设置属性时内联样式不起作用可以通过使用classList属性、setProperty方法、CSS变量、外部样式表或内部样式表等方法来解决。具体的解决方案可以根据具体的需求和场景选择适合的方法。