如何隐藏和显示 asp.net core razor 页面中未在 c# 中的服务器命令中运行的按钮？

Question

I have two buttons on the asp.net core razor page as shown below code:

 <div class="row div-form-control">
                <div class="col-md-12">
                    <div class="form-group actions">
                        
                        <button type="button" name="submit" id="submit" class="btn btn-primary" action="save"><i class="icon-floppy-disk position-right"></i>Submit</button>
                        <button type="button" class="btn btn-primary" action="search"><i class="icon-new-tab position-left"></i>Search</button>

                    </div>
                </div>
 </div>

now I want to hide Submit Button in C# when the User Role is not an Admin like:

string Role="NormalUser";
if(Role!="Admin"){
 submit.Visibility = Visibility.Hidden;
}

but it does not work because in submit button I don't have Runat="Server" I want to hide it without using Ranat="Server" by JavaScript or Another Method Can anyone help me how to do it? Thanks

Answer 1

one way to do it is like:

@if(Role!="Admin"){
    <button type="button" name="submit" style="display:hidden;" id="submit" class="btn btn-primary" action="save"><i class="icon-floppy-disk position-right"></i>Submit</button>
}else{
    <button type="button" name="submit" id="submit" class="btn btn-primary" action="save"><i class="icon-floppy-disk position-right"></i>Submit</button>
}